<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>angular-material-app documentation</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" type="image/x-icon" href="./images/favicon.ico">
	    <link rel="stylesheet" href="./styles/style.css">
    </head>
    <body>

        <div class="navbar navbar-default navbar-fixed-top visible-xs">
            <a href="./" class="navbar-brand">angular-material-app documentation</a>
            <button type="button" class="btn btn-default btn-menu fa fa-bars" id="btn-menu"></button>
        </div>

        <div class="xs-menu menu" id="mobile-menu">
            <div id="book-search-input" role="search">
                <input type="text" placeholder="Type to search">
            </div>
            <nav>
            
                <ul class="list">
            
                    <li class="title">
                        <a href="./index.html">angular-material-app documentation</a>
                    </li>
            
                    <li class="divider"></li>
            
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="./index.html"><span class="fa fa-home"></span>Getting started</a>
                        <ul class="links">
                                <li class="link">
                                    <a 
                                         href="./overview.html" 
                                        
                                         href="./overview.html" 
                                         class="active" >
                                        <span class="fa fa-th"></span>Overview
                                    </a>
                                </li>
                                <li class="link">
                                  <a href="./index.html" ><span class="fa fa-file-text-o"></span>README</a>
                                </li>
                                <li class="link">
                                        <a href="./changelog.html"
                                    >
                                        <span class="fa fa-file-text-o"></span>CHANGELOG
                                    </a>
                                </li>
                                <li class="link">
                                        <a href="./license.html"
                                    >
                                        <span class="fa fa-file-text-o"></span>LICENSE
                                    </a>
                                </li>
                        </ul>
                    </li>
            
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="./modules.html" >
                            <div class="menu-toggler linked" data-toggle="collapse"
                                    data-target="#xs-modules-links"
                            >
                                <span class="fa fa-archive"></span>
                                <span class="link-name">Modules</span>
                                <span class="fa fa-angle-down"></span>
                            </div>
                        </a>
                        <ul class="links collapse "
                                id="xs-modules-links"
                            >
                                <li class="link">
                                    <a href="./modules/AdminModule.html" >AdminModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AmpaModule.html" >AmpaModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AnalysisModule.html" >AnalysisModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AnalysisRoutingModule.html" >AnalysisRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ApmModule.html" >ApmModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ApmRoutingModule.html" >ApmRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AppModule.html" >AppModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/AppRoutingModule.html" >AppRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/BaseLayoutModule.html" >BaseLayoutModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ButtonModule.html" >ButtonModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ChartModule.html" >ChartModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ChartRoutingModule.html" >ChartRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ChatRoutingModule.html" >ChatRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ChatsModule.html" >ChatsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/ComponentModule.html" >ComponentModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/CoreModule.html" >CoreModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/CrmModule.html" >CrmModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/CrmRoutingModule.html" >CrmRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/DatePickerModule.html" >DatePickerModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/FileUploadModule.html" >FileUploadModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/FireBaseComponentsModule.html" >FireBaseComponentsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/FormModule.html" >FormModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/FormsRoutingModule.html" >FormsRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/HeaderModule.html" >HeaderModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/HomeModule.html" >HomeModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/HomeRoutingModule.html" >HomeRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/LoadingModule.html" >LoadingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MailModule.html" >MailModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MailRoutingModule.html" >MailRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MaterialComponentsModule.html" >MaterialComponentsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MaterialsModule.html" >MaterialsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/MaterialsRoutingModule.html" >MaterialsRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NavigationModule.html" >NavigationModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NavigationModule.html" >NavigationModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NavigationRoutingModule.html" >NavigationRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NotificaitonModule.html" >NotificaitonModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/NotificationContainerModule.html" >NotificationContainerModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/PageLayoutsModule.html" >PageLayoutsModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/PageLayoutsRoutingModule.html" >PageLayoutsRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/PagesModule.html" >PagesModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/PagesRoutingModule.html" >PagesRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/SearchModule.html" >SearchModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/SharedModule.html" >SharedModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/SidenavModule.html" >SidenavModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/TablesModule.html" >TablesModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/TablesRoutingModule.html" >TablesRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/TodoModule.html" >TodoModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/TodoRoutingModule.html" >TodoRoutingModule</a>
                                </li>
                                <li class="link">
                                    <a href="./modules/WidgetModule.html" >WidgetModule</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-components-links"
                            >
                            <span class="fa fa-cogs"></span>
                            <span>Components</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-components-links"
                            >
                                <li class="link">
                                    <a href="./components/AboutComponent.html" >AboutComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AdminComponent.html" >AdminComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AgeComponent.html" >AgeComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AmapComponent.html" >AmapComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AmapComponent.html" >AmapComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/AppComponent.html" >AppComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BarComponent.html" >BarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BaseLayoutComponent.html" >BaseLayoutComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BlogComponent.html" >BlogComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BrandComponent.html" >BrandComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/BrandComponent.html" >BrandComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ButtonComponent.html" >ButtonComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ButtonsComponent.html" >ButtonsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CalendarComponent.html" >CalendarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CalendarComponent.html" >CalendarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CardsComponent.html" >CardsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ChartComponent.html" >ChartComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ChatComponent.html" >ChatComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ChatsComponent.html" >ChatsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ComposeComponent.html" >ComposeComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ConsumerComponent.html" >ConsumerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContactComponent.html" >ContactComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContactComponent.html" >ContactComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContactUpdateComponent.html" >ContactUpdateComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContactsComponent.html" >ContactsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ContractComponent.html" >ContractComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CrmComponent.html" >CrmComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CrowdComponent.html" >CrowdComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CustomerCommonComponent.html" >CustomerCommonComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CustomerComponent.html" >CustomerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/CustomizerComponent.html" >CustomizerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DashboardComponent.html" >DashboardComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DatatableComponent.html" >DatatableComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DateDisplayComponent.html" >DateDisplayComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DatePickerComponent.html" >DatePickerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DatePickerComponent.html" >DatePickerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DayButtonComponent.html" >DayButtonComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DetailComponent.html" >DetailComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DetailComponent.html" >DetailComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DialogsComponent.html" >DialogsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DoughnutComponent.html" >DoughnutComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/DynamicComponent.html" >DynamicComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/EditorComponent.html" >EditorComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ElementsComponent.html" >ElementsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/EquipmentBrandComponent.html" >EquipmentBrandComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/EquipmentComponent.html" >EquipmentComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ErrorComponent.html" >ErrorComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FileManagerComponent.html" >FileManagerComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FileUploadComponent.html" >FileUploadComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FooterComponent.html" >FooterComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FormsComponent.html" >FormsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/FullwidthComponent.html" >FullwidthComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/GenderComponent.html" >GenderComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/HeaderComponent.html" >HeaderComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/HomeComponent.html" >HomeComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/IconComponent.html" >IconComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ItemComponent.html" >ItemComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/LeadComponent.html" >LeadComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/LineComponent.html" >LineComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ListComponent.html" >ListComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ListsComponent.html" >ListsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/LoadingComponent.html" >LoadingComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/MailComponent.html" >MailComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/MarkdownComponent.html" >MarkdownComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/MenuComponent.html" >MenuComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/MonthComponent.html" >MonthComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NavCollapseComponent.html" >NavCollapseComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NavItemComponent.html" >NavItemComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NavigationComponent.html" >NavigationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NavigationComponent.html" >NavigationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NoticeComponent.html" >NoticeComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/NotificationComponent.html" >NotificationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/OperatorsComponent.html" >OperatorsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/OpportunitiesComponent.html" >OpportunitiesComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PagesComponent.html" >PagesComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PaginationComponent.html" >PaginationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PaginationComponent.html" >PaginationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PerformanceComponent.html" >PerformanceComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PermeabilityComponent.html" >PermeabilityComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PieComponent.html" >PieComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PolarComponent.html" >PolarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PopoverComponent.html" >PopoverComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PopoverComponent.html" >PopoverComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PopulationComponent.html" >PopulationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PreferenceComponent.html" >PreferenceComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/PreferenceFieldComponent.html" >PreferenceFieldComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ProductComponent.html" >ProductComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ProfileComponent.html" >ProfileComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ProjectComponent.html" >ProjectComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/RadarComponent.html" >RadarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/RegionComponent.html" >RegionComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ScenePortraitComponent.html" >ScenePortraitComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SearchComponent.html" >SearchComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ServicesComponent.html" >ServicesComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SidenavComponent.html" >SidenavComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SigninComponent.html" >SigninComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SignupComponent.html" >SignupComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SliderComponent.html" >SliderComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/StateComponent.html" >StateComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/StaticComponent.html" >StaticComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/SwitchComponent.html" >SwitchComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TableComponent.html" >TableComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TablesComponent.html" >TablesComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TabsComponent.html" >TabsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToastComponent.html" >ToastComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoComponent.html" >TodoComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoHeaderComponent.html" >TodoHeaderComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoItemComponent.html" >TodoItemComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoListComponent.html" >TodoListComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoSearchComponent.html" >TodoSearchComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoSidenavComponent.html" >TodoSidenavComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TodoToolbarComponent.html" >TodoToolbarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarComponent.html" >ToolbarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarComponent.html" >ToolbarComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarHelpComponent.html" >ToolbarHelpComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarNotificationComponent.html" >ToolbarNotificationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ToolbarUserComponent.html" >ToolbarUserComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/TooltipsComponent.html" >TooltipsComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/UserComponent.html" >UserComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ValidationComponent.html" >ValidationComponent</a>
                                </li>
                                <li class="link">
                                    <a href="./components/ViewComponent.html" >ViewComponent</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-directives-links"
                            >
                            <span class="fa fa-code"></span>
                            <span>Directives</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-directives-links"
                            >
                                <li class="link">
                                    <a href="./directives/ButtonDirective.html" >ButtonDirective</a>
                                </li>
                                <li class="link">
                                    <a href="./directives/FileUploadDirective.html" >FileUploadDirective</a>
                                </li>
                                <li class="link">
                                    <a href="./directives/LoadingDirective.html" >LoadingDirective</a>
                                </li>
                                <li class="link">
                                    <a href="./directives/NotificationContainerDirective.html" >NotificationContainerDirective</a>
                                </li>
                                <li class="link">
                                    <a href="./directives/PopoverDirective.html" >PopoverDirective</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-classes-links"
                            >
                            <span class="fa fa-file-code-o"></span>
                            <span>Classes</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-classes-links"
                            >
                                <li class="link">
                                    <a href="./classes/Chat.html" >Chat</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/NavigationModel.html" >NavigationModel</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/NotificationConfig.html" >NotificationConfig</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/NotificationInjector.html" >NotificationInjector</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/NotificationRef.html" >NotificationRef</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/SidenavItem.html" >SidenavItem</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/Todo.html" >Todo</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/ToolbarNotificationModel.html" >ToolbarNotificationModel</a>
                                </li>
                                <li class="link">
                                    <a href="./classes/Upload.html" >Upload</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-injectables-links"
                            >
                            <span class="fa fa-long-arrow-down"></span>
                            <span>Injectables</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-injectables-links"
                            >
                                <li class="link">
                                    <a href="./injectables/AnalysisService.html" >AnalysisService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/ApmService.html" >ApmService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/AuthService.html" >AuthService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/ChatsService.html" >ChatsService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/ConfigService.html" >ConfigService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/DataTableService.html" >DataTableService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/FileManagerFirebase.html" >FileManagerFirebase</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/FileUploadService.html" >FileUploadService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/LeadService.html" >LeadService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/MailService.html" >MailService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/NavigationService.html" >NavigationService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/NavigationService.html" >NavigationService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/NotificationService.html" >NotificationService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/SidenavService.html" >SidenavService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/TodoService.html" >TodoService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/ToolbarNotificationService.html" >ToolbarNotificationService</a>
                                </li>
                                <li class="link">
                                    <a href="./injectables/UserService.html" >UserService</a>
                                </li>
                        </ul>
                    </li>
            
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-interfaces-links"
                            >
                            <span class="fa fa-info"></span>
                            <span>Interfaces</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-interfaces-links"
                            >
                                <li class="link">
                                    <a href="./interfaces/Activate.html" >Activate</a>
                                </li>
                                <li class="link">
                                    <a href="./interfaces/IMapAPILoaderConfig.html" >IMapAPILoaderConfig</a>
                                </li>
                                <li class="link">
                                    <a href="./interfaces/LoadingInterface.html" >LoadingInterface</a>
                                </li>
                                <li class="link">
                                    <a href="./interfaces/NotificationIconClasses.html" >NotificationIconClasses</a>
                                </li>
                                <li class="link">
                                    <a href="./interfaces/NotificationInterface.html" >NotificationInterface</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-pipes-links"
                            >
                            <span class="fa fa-plus"></span>
                            <span>Pipes</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-pipes-links"
                            >
                                <li class="link">
                                    <a href="./pipes/DatePickerPipe.html" >DatePickerPipe</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <div class="simple menu-toggler" data-toggle="collapse"
                                data-target="#xs-miscellaneous-links"
                            >
                            <span class="fa fa-cubes"></span>
                            <span>Miscellaneous</span>
                            <span class="fa fa-angle-down"></span>
                        </div>
                        <ul class="links collapse "
                                id="xs-miscellaneous-links"
                            >
                                <li class="link">
                                  <a href="./miscellaneous/functions.html" data-type="entity-link" >Functions</a>
                                </li>
                                <li class="link">
                                  <a href="./miscellaneous/variables.html" data-type="entity-link" >Variables</a>
                                </li>
                        </ul>
                    </li>
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="./routes.html" ><span class="fa fa-code-fork"></span>Routes</a>
                    </li>
            
                    <li class="chapter">
                        <a data-type="chapter-link" href="./coverage.html" ><span class="fa fa-tasks"></span>Documentation coverage</a>
                    </li>
            
                    <li class="divider"></li>
                    <li class="copyright">
                            Documentation generated using <a href="https://compodoc.github.io/website/" target="_blank">
                                        <img src=".//images/compodoc-vectorise.svg" class="img-responsive">
                            </a>
                    </li>
            
                </ul>
            
            </nav>
        </div>

        <div class="container-fluid main">
           <div class="row main">
               <div class="hidden-xs menu">
                   <nav>
                   
                       <ul class="list">
                   
                           <li class="title">
                               <a href="./index.html">angular-material-app documentation</a>
                           </li>
                   
                           <li class="divider"></li>
                   
                               <div id="book-search-input" role="search">
                                   <input type="text" placeholder="Type to search">
                               </div>
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="./index.html"><span class="fa fa-home"></span>Getting started</a>
                               <ul class="links">
                                       <li class="link">
                                           <a 
                                                href="./overview.html" 
                                               
                                                href="./overview.html" 
                                                class="active" >
                                               <span class="fa fa-th"></span>Overview
                                           </a>
                                       </li>
                                       <li class="link">
                                         <a href="./index.html" ><span class="fa fa-file-text-o"></span>README</a>
                                       </li>
                                       <li class="link">
                                               <a href="./changelog.html"
                                           >
                                               <span class="fa fa-file-text-o"></span>CHANGELOG
                                           </a>
                                       </li>
                                       <li class="link">
                                               <a href="./license.html"
                                           >
                                               <span class="fa fa-file-text-o"></span>LICENSE
                                           </a>
                                       </li>
                               </ul>
                           </li>
                   
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="./modules.html" >
                                   <div class="menu-toggler linked" data-toggle="collapse"
                                           data-target="#modules-links"
                                   >
                                       <span class="fa fa-archive"></span>
                                       <span class="link-name">Modules</span>
                                       <span class="fa fa-angle-down"></span>
                                   </div>
                               </a>
                               <ul class="links collapse "
                                       id="modules-links"
                   >
                                       <li class="link">
                                           <a href="./modules/AdminModule.html" >AdminModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AmpaModule.html" >AmpaModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AnalysisModule.html" >AnalysisModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AnalysisRoutingModule.html" >AnalysisRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ApmModule.html" >ApmModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ApmRoutingModule.html" >ApmRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AppModule.html" >AppModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/AppRoutingModule.html" >AppRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/BaseLayoutModule.html" >BaseLayoutModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ButtonModule.html" >ButtonModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ChartModule.html" >ChartModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ChartRoutingModule.html" >ChartRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ChatRoutingModule.html" >ChatRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ChatsModule.html" >ChatsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/ComponentModule.html" >ComponentModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/CoreModule.html" >CoreModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/CrmModule.html" >CrmModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/CrmRoutingModule.html" >CrmRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/DatePickerModule.html" >DatePickerModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/FileUploadModule.html" >FileUploadModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/FireBaseComponentsModule.html" >FireBaseComponentsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/FormModule.html" >FormModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/FormsRoutingModule.html" >FormsRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/HeaderModule.html" >HeaderModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/HomeModule.html" >HomeModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/HomeRoutingModule.html" >HomeRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/LoadingModule.html" >LoadingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MailModule.html" >MailModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MailRoutingModule.html" >MailRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MaterialComponentsModule.html" >MaterialComponentsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MaterialsModule.html" >MaterialsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/MaterialsRoutingModule.html" >MaterialsRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NavigationModule.html" >NavigationModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NavigationModule.html" >NavigationModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NavigationRoutingModule.html" >NavigationRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NotificaitonModule.html" >NotificaitonModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/NotificationContainerModule.html" >NotificationContainerModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/PageLayoutsModule.html" >PageLayoutsModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/PageLayoutsRoutingModule.html" >PageLayoutsRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/PagesModule.html" >PagesModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/PagesRoutingModule.html" >PagesRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/SearchModule.html" >SearchModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/SharedModule.html" >SharedModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/SidenavModule.html" >SidenavModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/TablesModule.html" >TablesModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/TablesRoutingModule.html" >TablesRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/TodoModule.html" >TodoModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/TodoRoutingModule.html" >TodoRoutingModule</a>
                                       </li>
                                       <li class="link">
                                           <a href="./modules/WidgetModule.html" >WidgetModule</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#components-links"
                   >
                                   <span class="fa fa-cogs"></span>
                                   <span>Components</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="components-links"
                   >
                                       <li class="link">
                                           <a href="./components/AboutComponent.html" >AboutComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AdminComponent.html" >AdminComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AgeComponent.html" >AgeComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AmapComponent.html" >AmapComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AmapComponent.html" >AmapComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/AppComponent.html" >AppComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BarComponent.html" >BarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BaseLayoutComponent.html" >BaseLayoutComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BlogComponent.html" >BlogComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BrandComponent.html" >BrandComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/BrandComponent.html" >BrandComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ButtonComponent.html" >ButtonComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ButtonsComponent.html" >ButtonsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CalendarComponent.html" >CalendarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CalendarComponent.html" >CalendarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CardsComponent.html" >CardsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ChartComponent.html" >ChartComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ChatComponent.html" >ChatComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ChatsComponent.html" >ChatsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ComposeComponent.html" >ComposeComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ConsumerComponent.html" >ConsumerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContactComponent.html" >ContactComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContactComponent.html" >ContactComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContactUpdateComponent.html" >ContactUpdateComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContactsComponent.html" >ContactsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ContractComponent.html" >ContractComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CrmComponent.html" >CrmComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CrowdComponent.html" >CrowdComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CustomerCommonComponent.html" >CustomerCommonComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CustomerComponent.html" >CustomerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/CustomizerComponent.html" >CustomizerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DashboardComponent.html" >DashboardComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DatatableComponent.html" >DatatableComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DateDisplayComponent.html" >DateDisplayComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DatePickerComponent.html" >DatePickerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DatePickerComponent.html" >DatePickerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DayButtonComponent.html" >DayButtonComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DetailComponent.html" >DetailComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DetailComponent.html" >DetailComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DialogsComponent.html" >DialogsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DoughnutComponent.html" >DoughnutComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/DynamicComponent.html" >DynamicComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/EditorComponent.html" >EditorComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ElementsComponent.html" >ElementsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/EquipmentBrandComponent.html" >EquipmentBrandComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/EquipmentComponent.html" >EquipmentComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ErrorComponent.html" >ErrorComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FileManagerComponent.html" >FileManagerComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FileUploadComponent.html" >FileUploadComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FooterComponent.html" >FooterComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FormsComponent.html" >FormsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/FullwidthComponent.html" >FullwidthComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/GenderComponent.html" >GenderComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/HeaderComponent.html" >HeaderComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/HomeComponent.html" >HomeComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/IconComponent.html" >IconComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ItemComponent.html" >ItemComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/LeadComponent.html" >LeadComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/LineComponent.html" >LineComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ListComponent.html" >ListComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ListsComponent.html" >ListsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/LoadingComponent.html" >LoadingComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/MailComponent.html" >MailComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/MarkdownComponent.html" >MarkdownComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/MenuComponent.html" >MenuComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/MonthComponent.html" >MonthComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NavCollapseComponent.html" >NavCollapseComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NavItemComponent.html" >NavItemComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NavigationComponent.html" >NavigationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NavigationComponent.html" >NavigationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NoticeComponent.html" >NoticeComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/NotificationComponent.html" >NotificationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/OperatorsComponent.html" >OperatorsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/OpportunitiesComponent.html" >OpportunitiesComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PagesComponent.html" >PagesComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PaginationComponent.html" >PaginationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PaginationComponent.html" >PaginationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PerformanceComponent.html" >PerformanceComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PermeabilityComponent.html" >PermeabilityComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PieComponent.html" >PieComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PolarComponent.html" >PolarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PopoverComponent.html" >PopoverComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PopoverComponent.html" >PopoverComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PopulationComponent.html" >PopulationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PreferenceComponent.html" >PreferenceComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/PreferenceFieldComponent.html" >PreferenceFieldComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ProductComponent.html" >ProductComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ProfileComponent.html" >ProfileComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ProjectComponent.html" >ProjectComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/RadarComponent.html" >RadarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/RegionComponent.html" >RegionComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ScenePortraitComponent.html" >ScenePortraitComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SearchComponent.html" >SearchComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ServicesComponent.html" >ServicesComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SidenavComponent.html" >SidenavComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SigninComponent.html" >SigninComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SignupComponent.html" >SignupComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SliderComponent.html" >SliderComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/StateComponent.html" >StateComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/StaticComponent.html" >StaticComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/SwitchComponent.html" >SwitchComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TableComponent.html" >TableComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TablesComponent.html" >TablesComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TabsComponent.html" >TabsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToastComponent.html" >ToastComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoComponent.html" >TodoComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoHeaderComponent.html" >TodoHeaderComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoItemComponent.html" >TodoItemComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoListComponent.html" >TodoListComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoSearchComponent.html" >TodoSearchComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoSidenavComponent.html" >TodoSidenavComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TodoToolbarComponent.html" >TodoToolbarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarComponent.html" >ToolbarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarComponent.html" >ToolbarComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarHelpComponent.html" >ToolbarHelpComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarNotificationComponent.html" >ToolbarNotificationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ToolbarUserComponent.html" >ToolbarUserComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/TooltipsComponent.html" >TooltipsComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/UserComponent.html" >UserComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ValidationComponent.html" >ValidationComponent</a>
                                       </li>
                                       <li class="link">
                                           <a href="./components/ViewComponent.html" >ViewComponent</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#directives-links"
                   >
                                   <span class="fa fa-code"></span>
                                   <span>Directives</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="directives-links"
                   >
                                       <li class="link">
                                           <a href="./directives/ButtonDirective.html" >ButtonDirective</a>
                                       </li>
                                       <li class="link">
                                           <a href="./directives/FileUploadDirective.html" >FileUploadDirective</a>
                                       </li>
                                       <li class="link">
                                           <a href="./directives/LoadingDirective.html" >LoadingDirective</a>
                                       </li>
                                       <li class="link">
                                           <a href="./directives/NotificationContainerDirective.html" >NotificationContainerDirective</a>
                                       </li>
                                       <li class="link">
                                           <a href="./directives/PopoverDirective.html" >PopoverDirective</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#classes-links"
                   >
                                   <span class="fa fa-file-code-o"></span>
                                   <span>Classes</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="classes-links"
                   >
                                       <li class="link">
                                           <a href="./classes/Chat.html" >Chat</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/NavigationModel.html" >NavigationModel</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/NotificationConfig.html" >NotificationConfig</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/NotificationInjector.html" >NotificationInjector</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/NotificationRef.html" >NotificationRef</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/SidenavItem.html" >SidenavItem</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/Todo.html" >Todo</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/ToolbarNotificationModel.html" >ToolbarNotificationModel</a>
                                       </li>
                                       <li class="link">
                                           <a href="./classes/Upload.html" >Upload</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#injectables-links"
                   >
                                   <span class="fa fa-long-arrow-down"></span>
                                   <span>Injectables</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="injectables-links"
                   >
                                       <li class="link">
                                           <a href="./injectables/AnalysisService.html" >AnalysisService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/ApmService.html" >ApmService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/AuthService.html" >AuthService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/ChatsService.html" >ChatsService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/ConfigService.html" >ConfigService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/DataTableService.html" >DataTableService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/FileManagerFirebase.html" >FileManagerFirebase</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/FileUploadService.html" >FileUploadService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/LeadService.html" >LeadService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/MailService.html" >MailService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/NavigationService.html" >NavigationService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/NavigationService.html" >NavigationService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/NotificationService.html" >NotificationService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/SidenavService.html" >SidenavService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/TodoService.html" >TodoService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/ToolbarNotificationService.html" >ToolbarNotificationService</a>
                                       </li>
                                       <li class="link">
                                           <a href="./injectables/UserService.html" >UserService</a>
                                       </li>
                               </ul>
                           </li>
                   
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#interfaces-links"
                   >
                                   <span class="fa fa-info"></span>
                                   <span>Interfaces</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="interfaces-links"
                   >
                                       <li class="link">
                                           <a href="./interfaces/Activate.html" >Activate</a>
                                       </li>
                                       <li class="link">
                                           <a href="./interfaces/IMapAPILoaderConfig.html" >IMapAPILoaderConfig</a>
                                       </li>
                                       <li class="link">
                                           <a href="./interfaces/LoadingInterface.html" >LoadingInterface</a>
                                       </li>
                                       <li class="link">
                                           <a href="./interfaces/NotificationIconClasses.html" >NotificationIconClasses</a>
                                       </li>
                                       <li class="link">
                                           <a href="./interfaces/NotificationInterface.html" >NotificationInterface</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#pipes-links"
                   >
                                   <span class="fa fa-plus"></span>
                                   <span>Pipes</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="pipes-links"
                   >
                                       <li class="link">
                                           <a href="./pipes/DatePickerPipe.html" >DatePickerPipe</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <div class="simple menu-toggler" data-toggle="collapse"
                                       data-target="#miscellaneous-links"
                   >
                                   <span class="fa fa-cubes"></span>
                                   <span>Miscellaneous</span>
                                   <span class="fa fa-angle-down"></span>
                               </div>
                               <ul class="links collapse "
                                       id="miscellaneous-links"
                   >
                                       <li class="link">
                                         <a href="./miscellaneous/functions.html" data-type="entity-link" >Functions</a>
                                       </li>
                                       <li class="link">
                                         <a href="./miscellaneous/variables.html" data-type="entity-link" >Variables</a>
                                       </li>
                               </ul>
                           </li>
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="./routes.html" ><span class="fa fa-code-fork"></span>Routes</a>
                           </li>
                   
                           <li class="chapter">
                               <a data-type="chapter-link" href="./coverage.html" ><span class="fa fa-tasks"></span>Documentation coverage</a>
                           </li>
                   
                           <li class="divider"></li>
                           <li class="copyright">
                                   Documentation generated using <a href="https://compodoc.github.io/website/" target="_blank">
                                               <img src=".//images/compodoc-vectorise.svg" class="img-responsive">
                                   </a>
                           </li>
                   
                       </ul>
                   
                   </nav>
               </div>
               <div class="content overview">
                   <div class="content-data">


<h3>Overview</h3>
            <div class="text-center module-graph-container">
                <div id="module-graph-svg">
                    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by graphviz version 2.40.1 (20161225.0304)
 -->
<!-- Title: dependencies Pages: 1 -->
<svg width="20802pt" height="442pt"
 viewBox="0.00 0.00 20802.00 442.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 438)">
<title>dependencies</title>
<polygon fill="#ffffff" stroke="transparent" points="-4,4 -4,-438 20798,-438 20798,4 -4,4"/>
<text text-anchor="start" x="10376.0091" y="-42.4" font-family="sans-serif" font-weight="bold" font-size="14.00" fill="#000000">Legend</text>
<polygon fill="#ffffb3" stroke="transparent" points="10163,-10 10163,-30 10183,-30 10183,-10 10163,-10"/>
<text text-anchor="start" x="10186.629" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Declarations</text>
<polygon fill="#8dd3c7" stroke="transparent" points="10276,-10 10276,-30 10296,-30 10296,-10 10276,-10"/>
<text text-anchor="start" x="10299.7251" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Module</text>
<polygon fill="#80b1d3" stroke="transparent" points="10362,-10 10362,-30 10382,-30 10382,-10 10362,-10"/>
<text text-anchor="start" x="10385.7812" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Bootstrap</text>
<polygon fill="#fdb462" stroke="transparent" points="10459,-10 10459,-30 10479,-30 10479,-10 10459,-10"/>
<text text-anchor="start" x="10482.6732" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Providers</text>
<polygon fill="#fb8072" stroke="transparent" points="10555,-10 10555,-30 10575,-30 10575,-10 10555,-10"/>
<text text-anchor="start" x="10578.7258" y="-15.4" font-family="sans-serif" font-size="14.00" fill="#000000"> &#160;Exports</text>
<g id="clust1" class="cluster">
<title>cluster_AdminModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="4808,-70 4808,-282 5670,-282 5670,-70 4808,-70"/>
</g>
<g id="clust2" class="cluster">
<title>cluster_AdminModule_declarations</title>
<polygon fill="none" stroke="#000000" points="4816,-154 4816,-206 5386,-206 5386,-154 4816,-154"/>
</g>
<g id="clust7" class="cluster">
<title>cluster_AdminModule_imports</title>
<polygon fill="none" stroke="#000000" points="5394,-78 5394,-206 5650,-206 5650,-78 5394,-78"/>
</g>
<g id="clust11" class="cluster">
<title>cluster_AmpaModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="8257,-222 8257,-426 8409,-426 8409,-222 8257,-222"/>
</g>
<g id="clust12" class="cluster">
<title>cluster_AmpaModule_declarations</title>
<polygon fill="none" stroke="#000000" points="8266,-230 8266,-282 8398,-282 8398,-230 8266,-230"/>
</g>
<g id="clust15" class="cluster">
<title>cluster_AmpaModule_exports</title>
<polygon fill="none" stroke="#000000" points="8265,-366 8265,-418 8401,-418 8401,-366 8265,-366"/>
</g>
<g id="clust18" class="cluster">
<title>cluster_AnalysisModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="1955,-146 1955,-282 4207,-282 4207,-146 1955,-146"/>
</g>
<g id="clust19" class="cluster">
<title>cluster_AnalysisModule_declarations</title>
<polygon fill="none" stroke="#000000" points="2141,-154 2141,-206 4199,-206 4199,-154 2141,-154"/>
</g>
<g id="clust34" class="cluster">
<title>cluster_AnalysisModule_imports</title>
<polygon fill="none" stroke="#000000" points="1963,-154 1963,-206 2133,-206 2133,-154 1963,-154"/>
</g>
<g id="clust44" class="cluster">
<title>cluster_ApmModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="5678,-146 5678,-282 6527,-282 6527,-146 5678,-146"/>
</g>
<g id="clust45" class="cluster">
<title>cluster_ApmModule_declarations</title>
<polygon fill="none" stroke="#000000" points="5686,-154 5686,-206 6247,-206 6247,-154 5686,-154"/>
</g>
<g id="clust50" class="cluster">
<title>cluster_ApmModule_imports</title>
<polygon fill="none" stroke="#000000" points="6255,-154 6255,-206 6519,-206 6519,-154 6255,-154"/>
</g>
<g id="clust60" class="cluster">
<title>cluster_AppModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="8,-222 8,-426 837,-426 837,-222 8,-222"/>
</g>
<g id="clust61" class="cluster">
<title>cluster_AppModule_declarations</title>
<polygon fill="none" stroke="#000000" points="273,-230 273,-282 829,-282 829,-230 273,-230"/>
</g>
<g id="clust66" class="cluster">
<title>cluster_AppModule_imports</title>
<polygon fill="none" stroke="#000000" points="16,-230 16,-282 265,-282 265,-230 16,-230"/>
</g>
<g id="clust68" class="cluster">
<title>cluster_AppModule_bootstrap</title>
<polygon fill="none" stroke="#000000" points="489,-366 489,-418 613,-418 613,-366 489,-366"/>
</g>
<g id="clust76" class="cluster">
<title>cluster_BaseLayoutModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="18118,-70 18118,-290 18302,-290 18302,-70 18118,-70"/>
</g>
<g id="clust77" class="cluster">
<title>cluster_BaseLayoutModule_declarations</title>
<polygon fill="none" stroke="#000000" points="18127,-78 18127,-130 18291,-130 18291,-78 18127,-78"/>
</g>
<g id="clust80" class="cluster">
<title>cluster_BaseLayoutModule_exports</title>
<polygon fill="none" stroke="#000000" points="18126,-230 18126,-282 18294,-282 18294,-230 18126,-230"/>
</g>
<g id="clust83" class="cluster">
<title>cluster_ButtonModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="8417,-146 8417,-358 8693,-358 8693,-146 8417,-146"/>
</g>
<g id="clust84" class="cluster">
<title>cluster_ButtonModule_declarations</title>
<polygon fill="none" stroke="#000000" points="8425,-154 8425,-206 8685,-206 8685,-154 8425,-154"/>
</g>
<g id="clust88" class="cluster">
<title>cluster_ButtonModule_exports</title>
<polygon fill="none" stroke="#000000" points="8430,-298 8430,-350 8556,-350 8556,-298 8430,-298"/>
</g>
<g id="clust91" class="cluster">
<title>cluster_ChartModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="12458,-70 12458,-206 13541,-206 13541,-70 12458,-70"/>
</g>
<g id="clust92" class="cluster">
<title>cluster_ChartModule_declarations</title>
<polygon fill="none" stroke="#000000" points="12626,-78 12626,-130 13533,-130 13533,-78 12626,-78"/>
</g>
<g id="clust100" class="cluster">
<title>cluster_ChartModule_imports</title>
<polygon fill="none" stroke="#000000" points="12466,-78 12466,-130 12618,-130 12618,-78 12466,-78"/>
</g>
<g id="clust116" class="cluster">
<title>cluster_ChatsModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="15648,-70 15648,-206 16360,-206 16360,-70 15648,-70"/>
</g>
<g id="clust117" class="cluster">
<title>cluster_ChatsModule_declarations</title>
<polygon fill="none" stroke="#000000" points="15812,-78 15812,-130 16352,-130 16352,-78 15812,-78"/>
</g>
<g id="clust122" class="cluster">
<title>cluster_ChatsModule_imports</title>
<polygon fill="none" stroke="#000000" points="15656,-78 15656,-130 15804,-130 15804,-78 15656,-78"/>
</g>
<g id="clust126" class="cluster">
<title>cluster_ComponentModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="8701,-222 8701,-426 9297,-426 9297,-222 8701,-222"/>
</g>
<g id="clust127" class="cluster">
<title>cluster_ComponentModule_declarations</title>
<polygon fill="none" stroke="#000000" points="8709,-230 8709,-282 9276,-282 9276,-230 8709,-230"/>
</g>
<g id="clust133" class="cluster">
<title>cluster_ComponentModule_exports</title>
<polygon fill="none" stroke="#000000" points="8709,-366 8709,-418 9289,-418 9289,-366 8709,-366"/>
</g>
<g id="clust136" class="cluster">
<title>cluster_CoreModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="70,-146 70,-214 372,-214 372,-146 70,-146"/>
</g>
<g id="clust141" class="cluster">
<title>cluster_CoreModule_providers</title>
<polygon fill="none" stroke="#000000" points="78,-154 78,-206 364,-206 364,-154 78,-154"/>
</g>
<g id="clust142" class="cluster">
<title>cluster_CrmModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="10701,-146 10701,-282 12390,-282 12390,-146 10701,-146"/>
</g>
<g id="clust143" class="cluster">
<title>cluster_CrmModule_declarations</title>
<polygon fill="none" stroke="#000000" points="10981,-154 10981,-206 12382,-206 12382,-154 10981,-154"/>
</g>
<g id="clust153" class="cluster">
<title>cluster_CrmModule_imports</title>
<polygon fill="none" stroke="#000000" points="10709,-154 10709,-206 10973,-206 10973,-154 10709,-154"/>
</g>
<g id="clust163" class="cluster">
<title>cluster_DatePickerModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="867,-146 867,-358 1925,-358 1925,-146 867,-146"/>
</g>
<g id="clust164" class="cluster">
<title>cluster_DatePickerModule_declarations</title>
<polygon fill="none" stroke="#000000" points="875,-154 875,-206 1917,-206 1917,-154 875,-154"/>
</g>
<g id="clust173" class="cluster">
<title>cluster_DatePickerModule_exports</title>
<polygon fill="none" stroke="#000000" points="1375,-298 1375,-350 1539,-350 1539,-298 1375,-298"/>
</g>
<g id="clust176" class="cluster">
<title>cluster_FileUploadModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="9611,-146 9611,-358 10127,-358 10127,-146 9611,-146"/>
</g>
<g id="clust177" class="cluster">
<title>cluster_FileUploadModule_declarations</title>
<polygon fill="none" stroke="#000000" points="9809,-154 9809,-206 10119,-206 10119,-154 9809,-154"/>
</g>
<g id="clust181" class="cluster">
<title>cluster_FileUploadModule_exports</title>
<polygon fill="none" stroke="#000000" points="9667,-298 9667,-350 9983,-350 9983,-298 9667,-298"/>
</g>
<g id="clust183" class="cluster">
<title>cluster_FileUploadModule_providers</title>
<polygon fill="none" stroke="#000000" points="9619,-154 9619,-206 9801,-206 9801,-154 9619,-154"/>
</g>
<g id="clust190" class="cluster">
<title>cluster_FormModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="16368,-70 16368,-206 17125,-206 17125,-70 16368,-70"/>
</g>
<g id="clust191" class="cluster">
<title>cluster_FormModule_declarations</title>
<polygon fill="none" stroke="#000000" points="16540,-78 16540,-130 17117,-130 17117,-78 16540,-78"/>
</g>
<g id="clust196" class="cluster">
<title>cluster_FormModule_imports</title>
<polygon fill="none" stroke="#000000" points="16376,-78 16376,-130 16532,-130 16532,-78 16376,-78"/>
</g>
<g id="clust206" class="cluster">
<title>cluster_HeaderModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="5678,-70 5678,-138 6664,-138 6664,-70 5678,-70"/>
</g>
<g id="clust207" class="cluster">
<title>cluster_HeaderModule_declarations</title>
<polygon fill="none" stroke="#000000" points="5686,-78 5686,-130 6376,-130 6376,-78 5686,-78"/>
</g>
<g id="clust212" class="cluster">
<title>cluster_HeaderModule_imports</title>
<polygon fill="none" stroke="#000000" points="6534,-78 6534,-130 6656,-130 6656,-78 6534,-78"/>
</g>
<g id="clust213" class="cluster">
<title>cluster_HeaderModule_exports</title>
<polygon fill="none" stroke="#000000" points="6384,-78 6384,-130 6526,-130 6526,-78 6384,-78"/>
</g>
<g id="clust216" class="cluster">
<title>cluster_HomeModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="17133,-70 17133,-206 17443,-206 17443,-70 17133,-70"/>
</g>
<g id="clust217" class="cluster">
<title>cluster_HomeModule_declarations</title>
<polygon fill="none" stroke="#000000" points="17303,-78 17303,-130 17435,-130 17435,-78 17303,-78"/>
</g>
<g id="clust219" class="cluster">
<title>cluster_HomeModule_imports</title>
<polygon fill="none" stroke="#000000" points="17141,-78 17141,-130 17295,-130 17295,-78 17141,-78"/>
</g>
<g id="clust229" class="cluster">
<title>cluster_LoadingModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="15056,-146 15056,-214 15640,-214 15640,-146 15056,-146"/>
</g>
<g id="clust230" class="cluster">
<title>cluster_LoadingModule_declarations</title>
<polygon fill="none" stroke="#000000" points="15356,-154 15356,-206 15632,-206 15632,-154 15356,-154"/>
</g>
<g id="clust234" class="cluster">
<title>cluster_LoadingModule_exports</title>
<polygon fill="none" stroke="#000000" points="15064,-154 15064,-206 15348,-206 15348,-154 15064,-154"/>
</g>
<g id="clust237" class="cluster">
<title>cluster_MailModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="4215,-146 4215,-282 4784,-282 4784,-146 4215,-146"/>
</g>
<g id="clust238" class="cluster">
<title>cluster_MailModule_declarations</title>
<polygon fill="none" stroke="#000000" points="4379,-154 4379,-206 4776,-206 4776,-154 4379,-154"/>
</g>
<g id="clust244" class="cluster">
<title>cluster_MailModule_imports</title>
<polygon fill="none" stroke="#000000" points="4223,-154 4223,-206 4371,-206 4371,-154 4223,-154"/>
</g>
<g id="clust260" class="cluster">
<title>cluster_MaterialsModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="6535,-222 6535,-350 8227,-350 8227,-222 6535,-222"/>
</g>
<g id="clust261" class="cluster">
<title>cluster_MaterialsModule_declarations</title>
<polygon fill="none" stroke="#000000" points="6725,-230 6725,-282 8219,-282 8219,-230 6725,-230"/>
</g>
<g id="clust278" class="cluster">
<title>cluster_MaterialsModule_imports</title>
<polygon fill="none" stroke="#000000" points="6543,-230 6543,-282 6717,-282 6717,-230 6543,-230"/>
</g>
<g id="clust288" class="cluster">
<title>cluster_NavigationModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="3752,-70 3752,-138 4800,-138 4800,-70 3752,-70"/>
</g>
<g id="clust289" class="cluster">
<title>cluster_NavigationModule_declarations</title>
<polygon fill="none" stroke="#000000" points="4312,-78 4312,-130 4792,-130 4792,-78 4312,-78"/>
</g>
<g id="clust291" class="cluster">
<title>cluster_NavigationModule_imports</title>
<polygon fill="none" stroke="#000000" points="4122,-78 4122,-130 4304,-130 4304,-78 4122,-78"/>
</g>
<g id="clust292" class="cluster">
<title>cluster_NavigationModule_exports</title>
<polygon fill="none" stroke="#000000" points="3950,-78 3950,-130 4114,-130 4114,-78 3950,-78"/>
</g>
<g id="clust294" class="cluster">
<title>cluster_NavigationModule_providers</title>
<polygon fill="none" stroke="#000000" points="3760,-78 3760,-130 3942,-130 3942,-78 3760,-78"/>
</g>
<g id="clust303" class="cluster">
<title>cluster_NotificaitonModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="20368,-70 20368,-290 20552,-290 20552,-70 20368,-70"/>
</g>
<g id="clust304" class="cluster">
<title>cluster_NotificaitonModule_declarations</title>
<polygon fill="none" stroke="#000000" points="20378,-78 20378,-130 20542,-130 20542,-78 20378,-78"/>
</g>
<g id="clust307" class="cluster">
<title>cluster_NotificaitonModule_exports</title>
<polygon fill="none" stroke="#000000" points="20376,-230 20376,-282 20544,-282 20544,-230 20376,-230"/>
</g>
<g id="clust310" class="cluster">
<title>cluster_NotificationContainerModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="20560,-70 20560,-290 20786,-290 20786,-70 20560,-70"/>
</g>
<g id="clust311" class="cluster">
<title>cluster_NotificationContainerModule_declarations</title>
<polygon fill="none" stroke="#000000" points="20570,-78 20570,-130 20776,-130 20776,-78 20570,-78"/>
</g>
<g id="clust314" class="cluster">
<title>cluster_NotificationContainerModule_exports</title>
<polygon fill="none" stroke="#000000" points="20568,-230 20568,-282 20778,-282 20778,-230 20568,-230"/>
</g>
<g id="clust317" class="cluster">
<title>cluster_PageLayoutsModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="17451,-70 17451,-206 17819,-206 17819,-70 17451,-70"/>
</g>
<g id="clust318" class="cluster">
<title>cluster_PageLayoutsModule_declarations</title>
<polygon fill="none" stroke="#000000" points="17659,-78 17659,-130 17811,-130 17811,-78 17659,-78"/>
</g>
<g id="clust320" class="cluster">
<title>cluster_PageLayoutsModule_imports</title>
<polygon fill="none" stroke="#000000" points="17459,-78 17459,-130 17651,-130 17651,-78 17459,-78"/>
</g>
<g id="clust330" class="cluster">
<title>cluster_PagesModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="13549,-146 13549,-282 15048,-282 15048,-146 13549,-146"/>
</g>
<g id="clust331" class="cluster">
<title>cluster_PagesModule_declarations</title>
<polygon fill="none" stroke="#000000" points="13929,-154 13929,-206 15040,-206 15040,-154 13929,-154"/>
</g>
<g id="clust341" class="cluster">
<title>cluster_PagesModule_imports</title>
<polygon fill="none" stroke="#000000" points="13767,-154 13767,-206 13921,-206 13921,-154 13767,-154"/>
</g>
<g id="clust344" class="cluster">
<title>cluster_PagesModule_providers</title>
<polygon fill="none" stroke="#000000" points="13557,-154 13557,-206 13759,-206 13759,-154 13557,-154"/>
</g>
<g id="clust351" class="cluster">
<title>cluster_SearchModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="9305,-222 9305,-290 9603,-290 9603,-222 9305,-222"/>
</g>
<g id="clust352" class="cluster">
<title>cluster_SearchModule_declarations</title>
<polygon fill="none" stroke="#000000" points="9459,-230 9459,-282 9595,-282 9595,-230 9459,-230"/>
</g>
<g id="clust355" class="cluster">
<title>cluster_SearchModule_exports</title>
<polygon fill="none" stroke="#000000" points="9313,-230 9313,-282 9451,-282 9451,-230 9313,-230"/>
</g>
<g id="clust364" class="cluster">
<title>cluster_SidenavModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="17827,-70 17827,-290 18110,-290 18110,-70 17827,-70"/>
</g>
<g id="clust365" class="cluster">
<title>cluster_SidenavModule_declarations</title>
<polygon fill="none" stroke="#000000" points="17835,-78 17835,-130 18102,-130 18102,-78 17835,-78"/>
</g>
<g id="clust369" class="cluster">
<title>cluster_SidenavModule_exports</title>
<polygon fill="none" stroke="#000000" points="17835,-230 17835,-282 17981,-282 17981,-230 17835,-230"/>
</g>
<g id="clust372" class="cluster">
<title>cluster_TablesModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="18310,-70 18310,-206 19062,-206 19062,-70 18310,-70"/>
</g>
<g id="clust373" class="cluster">
<title>cluster_TablesModule_declarations</title>
<polygon fill="none" stroke="#000000" points="18484,-78 18484,-130 19054,-130 19054,-78 18484,-78"/>
</g>
<g id="clust378" class="cluster">
<title>cluster_TablesModule_imports</title>
<polygon fill="none" stroke="#000000" points="18318,-78 18318,-130 18476,-130 18476,-78 18318,-78"/>
</g>
<g id="clust388" class="cluster">
<title>cluster_TodoModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="19070,-70 19070,-206 20360,-206 20360,-70 19070,-70"/>
</g>
<g id="clust389" class="cluster">
<title>cluster_TodoModule_declarations</title>
<polygon fill="none" stroke="#000000" points="19236,-78 19236,-130 20352,-130 20352,-78 19236,-78"/>
</g>
<g id="clust397" class="cluster">
<title>cluster_TodoModule_imports</title>
<polygon fill="none" stroke="#000000" points="19078,-78 19078,-130 19228,-130 19228,-78 19078,-78"/>
</g>
<g id="clust407" class="cluster">
<title>cluster_WidgetModule</title>
<polygon fill="none" stroke="#000000" stroke-dasharray="1,5" points="10135,-222 10135,-290 10693,-290 10693,-222 10135,-222"/>
</g>
<g id="clust408" class="cluster">
<title>cluster_WidgetModule_declarations</title>
<polygon fill="none" stroke="#000000" points="10421,-230 10421,-282 10685,-282 10685,-230 10421,-230"/>
</g>
<g id="clust412" class="cluster">
<title>cluster_WidgetModule_exports</title>
<polygon fill="none" stroke="#000000" points="10143,-230 10143,-282 10413,-282 10413,-230 10143,-230"/>
</g>
<!-- AdminComponent -->
<g id="node1" class="node">
<title>AdminComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5242.2204,-198 5121.7796,-198 5121.7796,-162 5242.2204,-162 5242.2204,-198"/>
<text text-anchor="middle" x="5182" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">AdminComponent</text>
</g>
<!-- AdminModule -->
<g id="node5" class="node">
<title>AdminModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="5299.4386,-274 5296.4386,-278 5275.4386,-278 5272.4386,-274 5200.5614,-274 5200.5614,-238 5299.4386,-238 5299.4386,-274"/>
<text text-anchor="middle" x="5250" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">AdminModule</text>
</g>
<!-- AdminComponent&#45;&gt;AdminModule -->
<g id="edge1" class="edge">
<title>AdminComponent&#45;&gt;AdminModule</title>
<path fill="none" stroke="#000000" d="M5221.4457,-198.0109C5221.4457,-198.0109 5221.4457,-227.855 5221.4457,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="5217.9457,-227.8549 5221.4457,-237.855 5224.9457,-227.855 5217.9457,-227.8549"/>
</g>
<!-- BrandComponent -->
<g id="node2" class="node">
<title>BrandComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4939.5451,-198 4824.4549,-198 4824.4549,-162 4939.5451,-162 4939.5451,-198"/>
<text text-anchor="middle" x="4882" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">BrandComponent</text>
</g>
<!-- BrandComponent&#45;&gt;AdminModule -->
<g id="edge2" class="edge">
<title>BrandComponent&#45;&gt;AdminModule</title>
<path fill="none" stroke="#000000" d="M4901.2574,-198.0263C4901.2574,-222.9773 4901.2574,-265 4901.2574,-265 4901.2574,-265 5190.7734,-265 5190.7734,-265"/>
<polygon fill="#000000" stroke="#000000" points="5190.7734,-268.5001 5200.7734,-265 5190.7733,-261.5001 5190.7734,-268.5001"/>
</g>
<!-- AnalysisModule -->
<g id="node25" class="node">
<title>AnalysisModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="3169.0424,-274 3166.0424,-278 3145.0424,-278 3142.0424,-274 3060.9576,-274 3060.9576,-238 3169.0424,-238 3169.0424,-274"/>
<text text-anchor="middle" x="3115" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">AnalysisModule</text>
</g>
<!-- BrandComponent&#45;&gt;AnalysisModule -->
<g id="edge19" class="edge">
<title>BrandComponent&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M4862.7426,-198.0439C4862.7426,-210.5633 4862.7426,-225 4862.7426,-225 4862.7426,-225 3150.1891,-225 3150.1891,-225 3150.1891,-225 3150.1891,-227.9672 3150.1891,-227.9672"/>
<polygon fill="#000000" stroke="#000000" points="3146.6892,-227.9671 3150.1891,-237.9672 3153.6892,-227.9672 3146.6892,-227.9671"/>
</g>
<!-- CustomizerComponent -->
<g id="node3" class="node">
<title>CustomizerComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5103.8753,-198 4958.1247,-198 4958.1247,-162 5103.8753,-162 5103.8753,-198"/>
<text text-anchor="middle" x="5031" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CustomizerComponent</text>
</g>
<!-- CustomizerComponent&#45;&gt;AdminModule -->
<g id="edge3" class="edge">
<title>CustomizerComponent&#45;&gt;AdminModule</title>
<path fill="none" stroke="#000000" d="M5031,-198.0109C5031,-220.4852 5031,-256 5031,-256 5031,-256 5190.5791,-256 5190.5791,-256"/>
<polygon fill="#000000" stroke="#000000" points="5190.5791,-259.5001 5200.5791,-256 5190.579,-252.5001 5190.5791,-259.5001"/>
</g>
<!-- FooterComponent -->
<g id="node4" class="node">
<title>FooterComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5377.8809,-198 5260.1191,-198 5260.1191,-162 5377.8809,-162 5377.8809,-198"/>
<text text-anchor="middle" x="5319" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FooterComponent</text>
</g>
<!-- FooterComponent&#45;&gt;AdminModule -->
<g id="edge4" class="edge">
<title>FooterComponent&#45;&gt;AdminModule</title>
<path fill="none" stroke="#000000" d="M5279.6392,-198.0109C5279.6392,-198.0109 5279.6392,-227.855 5279.6392,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="5276.1393,-227.8549 5279.6392,-237.855 5283.1393,-227.855 5276.1393,-227.8549"/>
</g>
<!-- AppModule -->
<g id="node38" class="node">
<title>AppModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="592.6571,-342 589.6571,-346 568.6571,-346 565.6571,-342 509.3429,-342 509.3429,-306 592.6571,-306 592.6571,-342"/>
<text text-anchor="middle" x="551" y="-319.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppModule</text>
</g>
<!-- AdminModule&#45;&gt;AppModule -->
<g id="edge39" class="edge">
<title>AdminModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M5250,-274.1903C5250,-277.5376 5250,-280 5250,-280 5250,-280 580.2232,-280 580.2232,-280 580.2232,-280 580.2232,-295.8495 580.2232,-295.8495"/>
<polygon fill="#000000" stroke="#000000" points="576.7233,-295.8494 580.2232,-305.8495 583.7233,-295.8495 576.7233,-295.8494"/>
</g>
<!-- SharedModule -->
<g id="node6" class="node">
<title>SharedModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="5642.4231,-122 5639.4231,-126 5618.4231,-126 5615.4231,-122 5543.5769,-122 5543.5769,-86 5642.4231,-86 5642.4231,-122"/>
<text text-anchor="middle" x="5593" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">SharedModule</text>
</g>
<!-- SharedModule&#45;&gt;AdminModule -->
<g id="edge5" class="edge">
<title>SharedModule&#45;&gt;AdminModule</title>
<path fill="none" stroke="#000000" d="M5543.6478,-108C5448.961,-108 5251.0848,-108 5251.0848,-108 5251.0848,-108 5251.0848,-227.8523 5251.0848,-227.8523"/>
<polygon fill="#000000" stroke="#000000" points="5247.5849,-227.8523 5251.0848,-237.8523 5254.5849,-227.8523 5247.5849,-227.8523"/>
</g>
<!-- HeaderModule -->
<g id="node7" class="node">
<title>HeaderModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="5641.9608,-198 5638.9608,-202 5617.9608,-202 5614.9608,-198 5542.0392,-198 5542.0392,-162 5641.9608,-162 5641.9608,-198"/>
<text text-anchor="middle" x="5592" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">HeaderModule</text>
</g>
<!-- SharedModule&#45;&gt;HeaderModule -->
<g id="edge107" class="edge">
<title>SharedModule&#45;&gt;HeaderModule</title>
<path fill="none" stroke="#000000" d="M5558.5176,-122.0109C5558.5176,-122.0109 5558.5176,-151.855 5558.5176,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="5555.0177,-151.8549 5558.5176,-161.855 5562.0177,-151.855 5555.0177,-151.8549"/>
</g>
<!-- NavigationModule -->
<g id="node8" class="node">
<title>NavigationModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="5523.7576,-198 5520.7576,-202 5499.7576,-202 5496.7576,-198 5402.2424,-198 5402.2424,-162 5523.7576,-162 5523.7576,-198"/>
<text text-anchor="middle" x="5463" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">NavigationModule</text>
</g>
<!-- SharedModule&#45;&gt;NavigationModule -->
<g id="edge147" class="edge">
<title>SharedModule&#45;&gt;NavigationModule</title>
<path fill="none" stroke="#000000" d="M5543.7837,-115C5520.1206,-115 5496.8215,-115 5496.8215,-115 5496.8215,-115 5496.8215,-151.8939 5496.8215,-151.8939"/>
<polygon fill="#000000" stroke="#000000" points="5493.3216,-151.8938 5496.8215,-161.8939 5500.3216,-151.8939 5493.3216,-151.8938"/>
</g>
<!-- SharedModule&#45;&gt;AnalysisModule -->
<g id="edge24" class="edge">
<title>SharedModule&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M5553.6081,-122.1592C5553.6081,-127.0433 5553.6081,-131 5553.6081,-131 5553.6081,-131 3102.872,-131 3102.872,-131 3102.872,-131 3102.872,-227.8239 3102.872,-227.8239"/>
<polygon fill="#000000" stroke="#000000" points="3099.3721,-227.8239 3102.872,-237.8239 3106.3721,-227.824 3099.3721,-227.8239"/>
</g>
<!-- ApmModule -->
<g id="node31" class="node">
<title>ApmModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="6226.5482,-274 6223.5482,-278 6202.5482,-278 6199.5482,-274 6139.4518,-274 6139.4518,-238 6226.5482,-238 6226.5482,-274"/>
<text text-anchor="middle" x="6183" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">ApmModule</text>
</g>
<!-- SharedModule&#45;&gt;ApmModule -->
<g id="edge30" class="edge">
<title>SharedModule&#45;&gt;ApmModule</title>
<path fill="none" stroke="#000000" d="M5642.4597,-108C5658.9765,-108 5673.2613,-108 5673.2613,-108 5673.2613,-108 5673.2613,-269 5673.2613,-269 5673.2613,-269 6129.0988,-269 6129.0988,-269"/>
<polygon fill="#000000" stroke="#000000" points="6129.0988,-272.5001 6139.0988,-269 6129.0987,-265.5001 6129.0988,-272.5001"/>
</g>
<!-- SearchModule -->
<g id="node33" class="node">
<title>SearchModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="6510.6375,-198 6507.6375,-202 6486.6375,-202 6483.6375,-198 6413.3625,-198 6413.3625,-162 6510.6375,-162 6510.6375,-198"/>
<text text-anchor="middle" x="6462" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">SearchModule</text>
</g>
<!-- SharedModule&#45;&gt;SearchModule -->
<g id="edge175" class="edge">
<title>SharedModule&#45;&gt;SearchModule</title>
<path fill="none" stroke="#000000" d="M5568.3368,-122.0352C5568.3368,-138.7344 5568.3368,-161 5568.3368,-161 5568.3368,-161 6462,-161 6462,-161 6462,-161 6462,-161.0816 6462,-161.0816"/>
<polygon fill="#000000" stroke="#000000" points="6458.5014,-151.8159 6462,-161.8164 6465.5014,-151.8169 6458.5014,-151.8159"/>
</g>
<!-- SharedModule&#45;&gt;AppModule -->
<g id="edge37" class="edge">
<title>SharedModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M5548.6985,-122.1686C5548.6985,-126.0459 5548.6985,-129 5548.6985,-129 5548.6985,-129 546.2581,-129 546.2581,-129 546.2581,-129 546.2581,-295.6549 546.2581,-295.6549"/>
<polygon fill="#000000" stroke="#000000" points="542.7581,-295.6548 546.2581,-305.6549 549.7581,-295.6549 542.7581,-295.6548"/>
</g>
<!-- ChartModule -->
<g id="node56" class="node">
<title>ChartModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="12998.1529,-198 12995.1529,-202 12974.1529,-202 12971.1529,-198 12907.8471,-198 12907.8471,-162 12998.1529,-162 12998.1529,-198"/>
<text text-anchor="middle" x="12953" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ChartModule</text>
</g>
<!-- SharedModule&#45;&gt;ChartModule -->
<g id="edge54" class="edge">
<title>SharedModule&#45;&gt;ChartModule</title>
<path fill="none" stroke="#000000" d="M5583.0655,-122.2396C5583.0655,-137.5706 5583.0655,-157 5583.0655,-157 5583.0655,-157 12937.8913,-157 12937.8913,-157 12937.8913,-157 12937.8913,-157.4878 12937.8913,-157.4878"/>
<polygon fill="#000000" stroke="#000000" points="12934.3915,-151.8776 12937.8913,-161.8777 12941.3915,-151.8778 12934.3915,-151.8776"/>
</g>
<!-- ChatsModule -->
<g id="node62" class="node">
<title>ChatsModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="16000.9372,-198 15997.9372,-202 15976.9372,-202 15973.9372,-198 15909.0628,-198 15909.0628,-162 16000.9372,-162 16000.9372,-198"/>
<text text-anchor="middle" x="15955" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ChatsModule</text>
</g>
<!-- SharedModule&#45;&gt;ChatsModule -->
<g id="edge60" class="edge">
<title>SharedModule&#45;&gt;ChatsModule</title>
<path fill="none" stroke="#000000" d="M5587.9751,-122.1871C5587.9751,-137.1824 5587.9751,-156 5587.9751,-156 5587.9751,-156 15922.9086,-156 15922.9086,-156 15922.9086,-156 15922.9086,-156.581 15922.9086,-156.581"/>
<polygon fill="#000000" stroke="#000000" points="15919.4088,-151.8097 15922.9086,-161.8097 15926.4088,-151.8098 15919.4088,-151.8097"/>
</g>
<!-- CrmModule -->
<g id="node84" class="node">
<title>CrmModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="11664.4387,-274 11661.4387,-278 11640.4387,-278 11637.4387,-274 11579.5613,-274 11579.5613,-238 11664.4387,-238 11664.4387,-274"/>
<text text-anchor="middle" x="11622" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">CrmModule</text>
</g>
<!-- SharedModule&#45;&gt;CrmModule -->
<g id="edge81" class="edge">
<title>SharedModule&#45;&gt;CrmModule</title>
<path fill="none" stroke="#000000" d="M5578.1559,-122.2819C5578.1559,-137.9478 5578.1559,-158 5578.1559,-158 5578.1559,-158 11606.2483,-158 11606.2483,-158 11606.2483,-158 11606.2483,-227.5669 11606.2483,-227.5669"/>
<polygon fill="#000000" stroke="#000000" points="11602.7483,-227.5669 11606.2483,-237.5669 11609.7483,-227.567 11602.7483,-227.5669"/>
</g>
<!-- WidgetModule -->
<g id="node86" class="node">
<title>WidgetModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="10817.2605,-198 10814.2605,-202 10793.2605,-202 10790.2605,-198 10716.7395,-198 10716.7395,-162 10817.2605,-162 10817.2605,-198"/>
<text text-anchor="middle" x="10767" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">WidgetModule</text>
</g>
<!-- SharedModule&#45;&gt;WidgetModule -->
<g id="edge198" class="edge">
<title>SharedModule&#45;&gt;WidgetModule</title>
<path fill="none" stroke="#000000" d="M5573.2463,-122.027C5573.2463,-138.3976 5573.2463,-160 5573.2463,-160 5573.2463,-160 10767,-160 10767,-160 10767,-160 10767,-160.1846 10767,-160.1846"/>
<polygon fill="#000000" stroke="#000000" points="10763.5006,-151.8455 10767,-161.8457 10770.5006,-151.8459 10763.5006,-151.8455"/>
</g>
<!-- FormModule -->
<g id="node106" class="node">
<title>FormModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="16730.8837,-198 16727.8837,-202 16706.8837,-202 16703.8837,-198 16641.1163,-198 16641.1163,-162 16730.8837,-162 16730.8837,-198"/>
<text text-anchor="middle" x="16686" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FormModule</text>
</g>
<!-- SharedModule&#45;&gt;FormModule -->
<g id="edge101" class="edge">
<title>SharedModule&#45;&gt;FormModule</title>
<path fill="none" stroke="#000000" d="M5592.8847,-122.0511C5592.8847,-136.373 5592.8847,-154 5592.8847,-154 5592.8847,-154 16654.6106,-154 16654.6106,-154 16654.6106,-154 16654.6106,-154.7942 16654.6106,-154.7942"/>
<polygon fill="#000000" stroke="#000000" points="16651.1107,-151.9421 16654.6106,-161.9421 16658.1107,-151.9422 16651.1107,-151.9421"/>
</g>
<!-- HomeModule -->
<g id="node115" class="node">
<title>HomeModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="17264.7619,-198 17261.7619,-202 17240.7619,-202 17237.7619,-198 17171.2381,-198 17171.2381,-162 17264.7619,-162 17264.7619,-198"/>
<text text-anchor="middle" x="17218" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">HomeModule</text>
</g>
<!-- SharedModule&#45;&gt;HomeModule -->
<g id="edge111" class="edge">
<title>SharedModule&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M5597.7942,-122.2458C5597.7942,-136.1772 5597.7942,-153 5597.7942,-153 5597.7942,-153 17202.3731,-153 17202.3731,-153 17202.3731,-153 17202.3731,-153.8841 17202.3731,-153.8841"/>
<polygon fill="#000000" stroke="#000000" points="17198.8732,-151.8408 17202.3731,-161.8408 17205.8732,-151.8409 17198.8732,-151.8408"/>
</g>
<!-- MailModule -->
<g id="node124" class="node">
<title>MailModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="4674.9902,-274 4671.9902,-278 4650.9902,-278 4647.9902,-274 4589.0098,-274 4589.0098,-238 4674.9902,-238 4674.9902,-274"/>
<text text-anchor="middle" x="4632" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">MailModule</text>
</g>
<!-- SharedModule&#45;&gt;MailModule -->
<g id="edge122" class="edge">
<title>SharedModule&#45;&gt;MailModule</title>
<path fill="none" stroke="#000000" d="M5543.4306,-94C5420.7694,-94 5112.9138,-94 5112.9138,-94 5112.9138,-94 5112.9138,-247 5112.9138,-247 5112.9138,-247 4685.1011,-247 4685.1011,-247"/>
<polygon fill="#000000" stroke="#000000" points="4685.1012,-243.5001 4675.1011,-247 4685.1011,-250.5001 4685.1012,-243.5001"/>
</g>
<!-- MaterialsModule -->
<g id="node137" class="node">
<title>MaterialsModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="7667.416,-342 7664.416,-346 7643.416,-346 7640.416,-342 7554.584,-342 7554.584,-306 7667.416,-306 7667.416,-342"/>
<text text-anchor="middle" x="7611" y="-319.8" font-family="Times,serif" font-size="14.00" fill="#000000">MaterialsModule</text>
</g>
<!-- SharedModule&#45;&gt;MaterialsModule -->
<g id="edge141" class="edge">
<title>SharedModule&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M5642.3137,-115C5653.8822,-115 5662.9112,-115 5662.9112,-115 5662.9112,-115 5662.9112,-330 5662.9112,-330 5662.9112,-330 7544.5377,-330 7544.5377,-330"/>
<polygon fill="#000000" stroke="#000000" points="7544.5378,-333.5001 7554.5377,-330 7544.5377,-326.5001 7544.5378,-333.5001"/>
</g>
<!-- PageLayoutsModule -->
<g id="node152" class="node">
<title>PageLayoutsModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="17620.8641,-198 17617.8641,-202 17596.8641,-202 17593.8641,-198 17489.1359,-198 17489.1359,-162 17620.8641,-162 17620.8641,-198"/>
<text text-anchor="middle" x="17555" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">PageLayoutsModule</text>
</g>
<!-- SharedModule&#45;&gt;PageLayoutsModule -->
<g id="edge159" class="edge">
<title>SharedModule&#45;&gt;PageLayoutsModule</title>
<path fill="none" stroke="#000000" d="M5602.7038,-122.037C5602.7038,-135.2913 5602.7038,-151 5602.7038,-151 5602.7038,-151 17533.0227,-151 17533.0227,-151 17533.0227,-151 17533.0227,-152.0799 17533.0227,-152.0799"/>
<polygon fill="#000000" stroke="#000000" points="17529.5228,-151.7985 17533.0227,-161.7985 17536.5228,-151.7986 17529.5228,-151.7985"/>
</g>
<!-- PagesModule -->
<g id="node162" class="node">
<title>PagesModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="14346.2064,-274 14343.2064,-278 14322.2064,-278 14319.2064,-274 14253.7936,-274 14253.7936,-238 14346.2064,-238 14346.2064,-274"/>
<text text-anchor="middle" x="14300" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">PagesModule</text>
</g>
<!-- SharedModule&#45;&gt;PagesModule -->
<g id="edge170" class="edge">
<title>SharedModule&#45;&gt;PagesModule</title>
<path fill="none" stroke="#000000" d="M5642.2831,-101C5663.5354,-101 5683.6113,-101 5683.6113,-101 5683.6113,-101 5683.6113,-203 5683.6113,-203 5683.6113,-203 14276.9485,-203 14276.9485,-203 14276.9485,-203 14276.9485,-227.7604 14276.9485,-227.7604"/>
<polygon fill="#000000" stroke="#000000" points="14273.4485,-227.7604 14276.9485,-237.7604 14280.4485,-227.7604 14273.4485,-227.7604"/>
</g>
<!-- SidenavModule -->
<g id="node169" class="node">
<title>SidenavModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="17954.1528,-198 17951.1528,-202 17930.1528,-202 17927.1528,-198 17849.8472,-198 17849.8472,-162 17954.1528,-162 17954.1528,-198"/>
<text text-anchor="middle" x="17902" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">SidenavModule</text>
</g>
<!-- SharedModule&#45;&gt;SidenavModule -->
<g id="edge179" class="edge">
<title>SharedModule&#45;&gt;SidenavModule</title>
<path fill="none" stroke="#000000" d="M5607.6134,-122.1804C5607.6134,-135.0382 5607.6134,-150 5607.6134,-150 5607.6134,-150 17882.9474,-150 17882.9474,-150 17882.9474,-150 17882.9474,-151.8568 17882.9474,-151.8568"/>
<polygon fill="#000000" stroke="#000000" points="17879.4475,-151.8568 17882.9474,-161.8568 17886.4475,-151.8568 17879.4475,-151.8568"/>
</g>
<!-- TablesModule -->
<g id="node175" class="node">
<title>TablesModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="18664.3669,-198 18661.3669,-202 18640.3669,-202 18637.3669,-198 18567.6331,-198 18567.6331,-162 18664.3669,-162 18664.3669,-198"/>
<text text-anchor="middle" x="18616" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">TablesModule</text>
</g>
<!-- SharedModule&#45;&gt;TablesModule -->
<g id="edge185" class="edge">
<title>SharedModule&#45;&gt;TablesModule</title>
<path fill="none" stroke="#000000" d="M5612.523,-122.0439C5612.523,-134.5633 5612.523,-149 5612.523,-149 5612.523,-149 18580.2471,-149 18580.2471,-149 18580.2471,-149 18580.2471,-151.9672 18580.2471,-151.9672"/>
<polygon fill="#000000" stroke="#000000" points="18576.7472,-151.9671 18580.2471,-161.9672 18583.7472,-151.9672 18576.7472,-151.9671"/>
</g>
<!-- TodoModule -->
<g id="node184" class="node">
<title>TodoModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="19702.6025,-198 19699.6025,-202 19678.6025,-202 19675.6025,-198 19613.3975,-198 19613.3975,-162 19702.6025,-162 19702.6025,-198"/>
<text text-anchor="middle" x="19658" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">TodoModule</text>
</g>
<!-- SharedModule&#45;&gt;TodoModule -->
<g id="edge194" class="edge">
<title>SharedModule&#45;&gt;TodoModule</title>
<path fill="none" stroke="#000000" d="M5617.4325,-122.4854C5617.4325,-134.1399 5617.4325,-147 5617.4325,-147 5617.4325,-147 19643.1496,-147 19643.1496,-147 19643.1496,-147 19643.1496,-151.9551 19643.1496,-151.9551"/>
<polygon fill="#000000" stroke="#000000" points="19639.6497,-151.9551 19643.1496,-161.9551 19646.6497,-151.9552 19639.6497,-151.9551"/>
</g>
<!-- HeaderModule&#45;&gt;AdminModule -->
<g id="edge6" class="edge">
<title>HeaderModule&#45;&gt;AdminModule</title>
<path fill="none" stroke="#000000" d="M5592,-198.1289C5592,-218.5724 5592,-249 5592,-249 5592,-249 5309.3645,-249 5309.3645,-249"/>
<polygon fill="#000000" stroke="#000000" points="5309.3645,-245.5001 5299.3645,-249 5309.3645,-252.5001 5309.3645,-245.5001"/>
</g>
<!-- HeaderComponent  -->
<g id="node113" class="node">
<title>HeaderComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="6517.7436,-122 6392.2564,-122 6392.2564,-86 6517.7436,-86 6517.7436,-122"/>
<text text-anchor="middle" x="6455" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">HeaderComponent </text>
</g>
<!-- HeaderModule&#45;&gt;HeaderComponent  -->
<g id="edge109" class="edge">
<title>HeaderModule&#45;&gt;HeaderComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M5563.4272,-161.68C5563.4272,-153.2117 5563.4272,-145 5563.4272,-145 5563.4272,-145 6404.257,-145 6404.257,-145 6404.257,-145 6404.257,-132.1025 6404.257,-132.1025"/>
<polygon fill="#000000" stroke="#000000" points="6407.7571,-132.1025 6404.257,-122.1025 6400.7571,-132.1026 6407.7571,-132.1025"/>
</g>
<!-- NavigationModule&#45;&gt;AdminModule -->
<g id="edge7" class="edge">
<title>NavigationModule&#45;&gt;AdminModule</title>
<path fill="none" stroke="#000000" d="M5463,-198.1686C5463,-217.0898 5463,-244 5463,-244 5463,-244 5309.4019,-244 5309.4019,-244"/>
<polygon fill="#000000" stroke="#000000" points="5309.4019,-240.5001 5299.4019,-244 5309.4018,-247.5001 5309.4019,-240.5001"/>
</g>
<!-- NavigationComponent  -->
<g id="node143" class="node">
<title>NavigationComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="4105.54,-122 3958.46,-122 3958.46,-86 4105.54,-86 4105.54,-122"/>
<text text-anchor="middle" x="4032" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">NavigationComponent </text>
</g>
<!-- NavigationModule&#45;&gt;NavigationComponent  -->
<g id="edge152" class="edge">
<title>NavigationModule&#45;&gt;NavigationComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M5510.3501,-161.9445C5510.3501,-150.561 5510.3501,-138 5510.3501,-138 5510.3501,-138 4096.0966,-138 4096.0966,-138 4096.0966,-138 4096.0966,-132.1944 4096.0966,-132.1944"/>
<polygon fill="#000000" stroke="#000000" points="4099.5967,-132.1944 4096.0966,-122.1944 4092.5967,-132.1945 4099.5967,-132.1944"/>
</g>
<!-- AmapComponent -->
<g id="node9" class="node">
<title>AmapComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="8389.5451,-274 8274.4549,-274 8274.4549,-238 8389.5451,-238 8389.5451,-274"/>
<text text-anchor="middle" x="8332" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">AmapComponent</text>
</g>
<!-- AmpaModule -->
<g id="node10" class="node">
<title>AmpaModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="8378.7619,-342 8375.7619,-346 8354.7619,-346 8351.7619,-342 8285.2381,-342 8285.2381,-306 8378.7619,-306 8378.7619,-342"/>
<text text-anchor="middle" x="8332" y="-319.8" font-family="Times,serif" font-size="14.00" fill="#000000">AmpaModule</text>
</g>
<!-- AmapComponent&#45;&gt;AmpaModule -->
<g id="edge8" class="edge">
<title>AmapComponent&#45;&gt;AmpaModule</title>
<path fill="none" stroke="#000000" d="M8332,-274.2228C8332,-274.2228 8332,-295.7269 8332,-295.7269"/>
<polygon fill="#000000" stroke="#000000" points="8328.5001,-295.7269 8332,-305.7269 8335.5001,-295.727 8328.5001,-295.7269"/>
</g>
<!-- AmapComponent&#45;&gt;MaterialsModule -->
<g id="edge135" class="edge">
<title>AmapComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M8279.6736,-274.1532C8279.6736,-297.7566 8279.6736,-336 8279.6736,-336 8279.6736,-336 7677.4344,-336 7677.4344,-336"/>
<polygon fill="#000000" stroke="#000000" points="7677.4345,-332.5001 7667.4344,-336 7677.4344,-339.5001 7677.4345,-332.5001"/>
</g>
<!-- AmapComponent  -->
<g id="node11" class="node">
<title>AmapComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="8392.5442,-410 8273.4558,-410 8273.4558,-374 8392.5442,-374 8392.5442,-410"/>
<text text-anchor="middle" x="8333" y="-387.8" font-family="Times,serif" font-size="14.00" fill="#000000">AmapComponent </text>
</g>
<!-- AmpaModule&#45;&gt;AmapComponent  -->
<g id="edge9" class="edge">
<title>AmpaModule&#45;&gt;AmapComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M8332,-342.2228C8332,-342.2228 8332,-363.7269 8332,-363.7269"/>
<polygon fill="#000000" stroke="#000000" points="8328.5001,-363.7269 8332,-373.7269 8335.5001,-363.727 8328.5001,-363.7269"/>
</g>
<!-- CrowdComponent -->
<g id="node12" class="node">
<title>CrowdComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3093.937,-198 2974.063,-198 2974.063,-162 3093.937,-162 3093.937,-198"/>
<text text-anchor="middle" x="3034" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CrowdComponent</text>
</g>
<!-- CrowdComponent&#45;&gt;AnalysisModule -->
<g id="edge10" class="edge">
<title>CrowdComponent&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M3077.2237,-198.0109C3077.2237,-198.0109 3077.2237,-227.855 3077.2237,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="3073.7238,-227.8549 3077.2237,-237.855 3080.7238,-227.855 3073.7238,-227.8549"/>
</g>
<!-- PreferenceComponent -->
<g id="node13" class="node">
<title>PreferenceComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2956.6699,-198 2815.3301,-198 2815.3301,-162 2956.6699,-162 2956.6699,-198"/>
<text text-anchor="middle" x="2886" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">PreferenceComponent</text>
</g>
<!-- PreferenceComponent&#45;&gt;AnalysisModule -->
<g id="edge11" class="edge">
<title>PreferenceComponent&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M2886,-198.0449C2886,-219.6623 2886,-253 2886,-253 2886,-253 3050.7302,-253 3050.7302,-253"/>
<polygon fill="#000000" stroke="#000000" points="3050.7302,-256.5001 3060.7302,-253 3050.7302,-249.5001 3050.7302,-256.5001"/>
</g>
<!-- PopulationComponent -->
<g id="node14" class="node">
<title>PopulationComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2797.0014,-198 2654.9986,-198 2654.9986,-162 2797.0014,-162 2797.0014,-198"/>
<text text-anchor="middle" x="2726" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">PopulationComponent</text>
</g>
<!-- PopulationComponent&#45;&gt;AnalysisModule -->
<g id="edge12" class="edge">
<title>PopulationComponent&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M2726,-198.0109C2726,-220.4852 2726,-256 2726,-256 2726,-256 3050.9112,-256 3050.9112,-256"/>
<polygon fill="#000000" stroke="#000000" points="3050.9113,-259.5001 3060.9112,-256 3050.9112,-252.5001 3050.9113,-259.5001"/>
</g>
<!-- EquipmentComponent -->
<g id="node15" class="node">
<title>EquipmentComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2637.2716,-198 2494.7284,-198 2494.7284,-162 2637.2716,-162 2637.2716,-198"/>
<text text-anchor="middle" x="2566" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">EquipmentComponent</text>
</g>
<!-- EquipmentComponent&#45;&gt;AnalysisModule -->
<g id="edge13" class="edge">
<title>EquipmentComponent&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M2566,-198.1532C2566,-221.7566 2566,-260 2566,-260 2566,-260 3050.8573,-260 3050.8573,-260"/>
<polygon fill="#000000" stroke="#000000" points="3050.8573,-263.5001 3060.8573,-260 3050.8572,-256.5001 3050.8573,-263.5001"/>
</g>
<!-- ScenePortraitComponent -->
<g id="node16" class="node">
<title>ScenePortraitComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2476.2492,-198 2319.7508,-198 2319.7508,-162 2476.2492,-162 2476.2492,-198"/>
<text text-anchor="middle" x="2398" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ScenePortraitComponent</text>
</g>
<!-- ScenePortraitComponent&#45;&gt;AnalysisModule -->
<g id="edge14" class="edge">
<title>ScenePortraitComponent&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M2398,-198.2267C2398,-222.9318 2398,-264 2398,-264 2398,-264 3050.8146,-264 3050.8146,-264"/>
<polygon fill="#000000" stroke="#000000" points="3050.8146,-267.5001 3060.8146,-264 3050.8145,-260.5001 3050.8146,-267.5001"/>
</g>
<!-- PermeabilityComponent -->
<g id="node17" class="node">
<title>PermeabilityComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="2301.3725,-198 2148.6275,-198 2148.6275,-162 2301.3725,-162 2301.3725,-198"/>
<text text-anchor="middle" x="2225" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">PermeabilityComponent</text>
</g>
<!-- PermeabilityComponent&#45;&gt;AnalysisModule -->
<g id="edge15" class="edge">
<title>PermeabilityComponent&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M2225,-198.0265C2225,-223.5093 2225,-267 2225,-267 2225,-267 3050.6663,-267 3050.6663,-267"/>
<polygon fill="#000000" stroke="#000000" points="3050.6663,-270.5001 3060.6663,-267 3050.6662,-263.5001 3050.6663,-270.5001"/>
</g>
<!-- AgeComponent -->
<g id="node18" class="node">
<title>AgeComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4191.1542,-198 4086.8458,-198 4086.8458,-162 4191.1542,-162 4191.1542,-198"/>
<text text-anchor="middle" x="4139" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">AgeComponent</text>
</g>
<!-- AgeComponent&#45;&gt;AnalysisModule -->
<g id="edge16" class="edge">
<title>AgeComponent&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M4139,-198.1985C4139,-222.3563 4139,-262 4139,-262 4139,-262 3179.3317,-262 3179.3317,-262"/>
<polygon fill="#000000" stroke="#000000" points="3179.3317,-258.5001 3169.3317,-262 3179.3317,-265.5001 3179.3317,-258.5001"/>
</g>
<!-- ConsumerComponent -->
<g id="node19" class="node">
<title>ConsumerComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4068.3795,-198 3929.6205,-198 3929.6205,-162 4068.3795,-162 4068.3795,-198"/>
<text text-anchor="middle" x="3999" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ConsumerComponent</text>
</g>
<!-- ConsumerComponent&#45;&gt;AnalysisModule -->
<g id="edge17" class="edge">
<title>ConsumerComponent&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M3999,-198.0908C3999,-221.1328 3999,-258 3999,-258 3999,-258 3179.2988,-258 3179.2988,-258"/>
<polygon fill="#000000" stroke="#000000" points="3179.2988,-254.5001 3169.2988,-258 3179.2988,-261.5001 3179.2988,-254.5001"/>
</g>
<!-- GenderComponent -->
<g id="node20" class="node">
<title>GenderComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3911.0297,-198 3788.9703,-198 3788.9703,-162 3911.0297,-162 3911.0297,-198"/>
<text text-anchor="middle" x="3850" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">GenderComponent</text>
</g>
<!-- GenderComponent&#45;&gt;AnalysisModule -->
<g id="edge18" class="edge">
<title>GenderComponent&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M3850,-198.2921C3850,-220.2057 3850,-254 3850,-254 3850,-254 3179.0463,-254 3179.0463,-254"/>
<polygon fill="#000000" stroke="#000000" points="3179.0463,-250.5001 3169.0463,-254 3179.0463,-257.5001 3179.0463,-250.5001"/>
</g>
<!-- OperatorsComponent -->
<g id="node21" class="node">
<title>OperatorsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3770.0254,-198 3633.9746,-198 3633.9746,-162 3770.0254,-162 3770.0254,-198"/>
<text text-anchor="middle" x="3702" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">OperatorsComponent</text>
</g>
<!-- OperatorsComponent&#45;&gt;AnalysisModule -->
<g id="edge20" class="edge">
<title>OperatorsComponent&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M3702,-198.0267C3702,-218.7672 3702,-250 3702,-250 3702,-250 3179.1714,-250 3179.1714,-250"/>
<polygon fill="#000000" stroke="#000000" points="3179.1714,-246.5001 3169.1714,-250 3179.1714,-253.5001 3179.1714,-246.5001"/>
</g>
<!-- RegionComponent -->
<g id="node22" class="node">
<title>RegionComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3615.7744,-198 3494.2256,-198 3494.2256,-162 3615.7744,-162 3615.7744,-198"/>
<text text-anchor="middle" x="3555" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">RegionComponent</text>
</g>
<!-- RegionComponent&#45;&gt;AnalysisModule -->
<g id="edge21" class="edge">
<title>RegionComponent&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M3555,-198.0348C3555,-217.5762 3555,-246 3555,-246 3555,-246 3179.3939,-246 3179.3939,-246"/>
<polygon fill="#000000" stroke="#000000" points="3179.394,-242.5001 3169.3939,-246 3179.3939,-249.5001 3179.394,-242.5001"/>
</g>
<!-- EquipmentBrandComponent -->
<g id="node23" class="node">
<title>EquipmentBrandComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3476.4832,-198 3299.5168,-198 3299.5168,-162 3476.4832,-162 3476.4832,-198"/>
<text text-anchor="middle" x="3388" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">EquipmentBrandComponent</text>
</g>
<!-- EquipmentBrandComponent&#45;&gt;AnalysisModule -->
<g id="edge22" class="edge">
<title>EquipmentBrandComponent&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M3388,-198.2667C3388,-216.5552 3388,-242 3388,-242 3388,-242 3179.2624,-242 3179.2624,-242"/>
<polygon fill="#000000" stroke="#000000" points="3179.2625,-238.5001 3169.2624,-242 3179.2624,-245.5001 3179.2625,-238.5001"/>
</g>
<!-- PreferenceFieldComponent -->
<g id="node24" class="node">
<title>PreferenceFieldComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="3281.9482,-198 3112.0518,-198 3112.0518,-162 3281.9482,-162 3281.9482,-198"/>
<text text-anchor="middle" x="3197" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">PreferenceFieldComponent</text>
</g>
<!-- PreferenceFieldComponent&#45;&gt;AnalysisModule -->
<g id="edge23" class="edge">
<title>PreferenceFieldComponent&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M3131.1075,-198.0109C3131.1075,-198.0109 3131.1075,-227.855 3131.1075,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="3127.6076,-227.8549 3131.1075,-237.855 3134.6076,-227.855 3127.6076,-227.8549"/>
</g>
<!-- AnalysisRoutingModule -->
<g id="node26" class="node">
<title>AnalysisRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="2124.6596,-198 2121.6596,-202 2100.6596,-202 2097.6596,-198 1971.3404,-198 1971.3404,-162 2124.6596,-162 2124.6596,-198"/>
<text text-anchor="middle" x="2048" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">AnalysisRoutingModule</text>
</g>
<!-- AnalysisRoutingModule&#45;&gt;AnalysisModule -->
<g id="edge25" class="edge">
<title>AnalysisRoutingModule&#45;&gt;AnalysisModule</title>
<path fill="none" stroke="#000000" d="M2048,-198.4152C2048,-225.0057 2048,-271 2048,-271 2048,-271 3050.6204,-271 3050.6204,-271"/>
<polygon fill="#000000" stroke="#000000" points="3050.6204,-274.5001 3060.6204,-271 3050.6204,-267.5001 3050.6204,-274.5001"/>
</g>
<!-- ErrorComponent -->
<g id="node27" class="node">
<title>ErrorComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6109.3669,-198 5998.6331,-198 5998.6331,-162 6109.3669,-162 6109.3669,-198"/>
<text text-anchor="middle" x="6054" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ErrorComponent</text>
</g>
<!-- ErrorComponent&#45;&gt;ApmModule -->
<g id="edge26" class="edge">
<title>ErrorComponent&#45;&gt;ApmModule</title>
<path fill="none" stroke="#000000" d="M6054,-198.2921C6054,-220.2057 6054,-254 6054,-254 6054,-254 6129.3265,-254 6129.3265,-254"/>
<polygon fill="#000000" stroke="#000000" points="6129.3265,-257.5001 6139.3265,-254 6129.3264,-250.5001 6129.3265,-257.5001"/>
</g>
<!-- PerformanceComponent -->
<g id="node28" class="node">
<title>PerformanceComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5980.3459,-198 5827.6541,-198 5827.6541,-162 5980.3459,-162 5980.3459,-198"/>
<text text-anchor="middle" x="5904" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">PerformanceComponent</text>
</g>
<!-- PerformanceComponent&#45;&gt;ApmModule -->
<g id="edge27" class="edge">
<title>PerformanceComponent&#45;&gt;ApmModule</title>
<path fill="none" stroke="#000000" d="M5904,-198.3228C5904,-221.6602 5904,-259 5904,-259 5904,-259 6129.4063,-259 6129.4063,-259"/>
<polygon fill="#000000" stroke="#000000" points="6129.4063,-262.5001 6139.4063,-259 6129.4062,-255.5001 6129.4063,-262.5001"/>
</g>
<!-- DetailComponent -->
<g id="node29" class="node">
<title>DetailComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5809.5409,-198 5694.4591,-198 5694.4591,-162 5809.5409,-162 5809.5409,-198"/>
<text text-anchor="middle" x="5752" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">DetailComponent</text>
</g>
<!-- DetailComponent&#45;&gt;ApmModule -->
<g id="edge28" class="edge">
<title>DetailComponent&#45;&gt;ApmModule</title>
<path fill="none" stroke="#000000" d="M5771.2567,-198.2267C5771.2567,-222.9318 5771.2567,-264 5771.2567,-264 5771.2567,-264 6129.3261,-264 6129.3261,-264"/>
<polygon fill="#000000" stroke="#000000" points="6129.3261,-267.5001 6139.3261,-264 6129.326,-260.5001 6129.3261,-267.5001"/>
</g>
<!-- DetailComponent&#45;&gt;MailModule -->
<g id="edge119" class="edge">
<title>DetailComponent&#45;&gt;MailModule</title>
<path fill="none" stroke="#000000" d="M5732.7433,-198.0511C5732.7433,-212.373 5732.7433,-230 5732.7433,-230 5732.7433,-230 4654.4428,-230 4654.4428,-230 4654.4428,-230 4654.4428,-230.7942 4654.4428,-230.7942"/>
<polygon fill="#000000" stroke="#000000" points="4650.943,-227.9421 4654.4428,-237.9421 4657.943,-227.9422 4650.943,-227.9421"/>
</g>
<!-- ViewComponent -->
<g id="node30" class="node">
<title>ViewComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6238.6513,-198 6127.3487,-198 6127.3487,-162 6238.6513,-162 6238.6513,-198"/>
<text text-anchor="middle" x="6183" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ViewComponent</text>
</g>
<!-- ViewComponent&#45;&gt;ApmModule -->
<g id="edge29" class="edge">
<title>ViewComponent&#45;&gt;ApmModule</title>
<path fill="none" stroke="#000000" d="M6183,-198.0109C6183,-198.0109 6183,-227.855 6183,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="6179.5001,-227.8549 6183,-237.855 6186.5001,-227.855 6179.5001,-227.8549"/>
</g>
<!-- ApmRoutingModule -->
<g id="node32" class="node">
<title>ApmRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="6395.1652,-198 6392.1652,-202 6371.1652,-202 6368.1652,-198 6262.8348,-198 6262.8348,-162 6395.1652,-162 6395.1652,-198"/>
<text text-anchor="middle" x="6329" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ApmRoutingModule</text>
</g>
<!-- ApmRoutingModule&#45;&gt;ApmModule -->
<g id="edge31" class="edge">
<title>ApmRoutingModule&#45;&gt;ApmModule</title>
<path fill="none" stroke="#000000" d="M6329,-198.0267C6329,-218.7672 6329,-250 6329,-250 6329,-250 6236.8048,-250 6236.8048,-250"/>
<polygon fill="#000000" stroke="#000000" points="6236.8048,-246.5001 6226.8048,-250 6236.8048,-253.5001 6236.8048,-246.5001"/>
</g>
<!-- SearchModule&#45;&gt;ApmModule -->
<g id="edge32" class="edge">
<title>SearchModule&#45;&gt;ApmModule</title>
<path fill="none" stroke="#000000" d="M6491.291,-198.1985C6491.291,-222.3563 6491.291,-262 6491.291,-262 6491.291,-262 6236.8432,-262 6236.8432,-262"/>
<polygon fill="#000000" stroke="#000000" points="6236.8432,-258.5001 6226.8432,-262 6236.8432,-265.5001 6236.8432,-258.5001"/>
</g>
<!-- SearchModule&#45;&gt;MailModule -->
<g id="edge124" class="edge">
<title>SearchModule&#45;&gt;MailModule</title>
<path fill="none" stroke="#000000" d="M6432.709,-198.2819C6432.709,-213.9478 6432.709,-234 6432.709,-234 6432.709,-234 4664.719,-234 4664.719,-234 4664.719,-234 4664.719,-234.3832 4664.719,-234.3832"/>
<polygon fill="#000000" stroke="#000000" points="4661.2193,-227.832 4664.719,-237.8321 4668.2193,-227.8322 4661.2193,-227.832"/>
</g>
<!-- SearchComponent  -->
<g id="node166" class="node">
<title>SearchComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="9443.4194,-274 9320.5806,-274 9320.5806,-238 9443.4194,-238 9443.4194,-274"/>
<text text-anchor="middle" x="9382" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">SearchComponent </text>
</g>
<!-- SearchModule&#45;&gt;SearchComponent  -->
<g id="edge176" class="edge">
<title>SearchModule&#45;&gt;SearchComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M6471.7637,-198.4218C6471.7637,-207.2791 6471.7637,-216 6471.7637,-216 6471.7637,-216 9382,-216 9382,-216 9382,-216 9382,-227.8726 9382,-227.8726"/>
<polygon fill="#000000" stroke="#000000" points="9378.5001,-227.8725 9382,-237.8726 9385.5001,-227.8726 9378.5001,-227.8725"/>
</g>
<!-- AppComponent -->
<g id="node34" class="node">
<title>AppComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="820.9399,-274 715.0601,-274 715.0601,-238 820.9399,-238 820.9399,-274"/>
<text text-anchor="middle" x="768" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppComponent</text>
</g>
<!-- AppComponent&#45;&gt;AppModule -->
<g id="edge33" class="edge">
<title>AppComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M768,-274.2228C768,-294.3652 768,-324 768,-324 768,-324 602.8398,-324 602.8398,-324"/>
<polygon fill="#000000" stroke="#000000" points="602.8398,-320.5001 592.8398,-324 602.8397,-327.5001 602.8398,-320.5001"/>
</g>
<!-- DashboardComponent -->
<g id="node35" class="node">
<title>DashboardComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="696.9734,-274 555.0266,-274 555.0266,-238 696.9734,-238 696.9734,-274"/>
<text text-anchor="middle" x="626" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">DashboardComponent</text>
</g>
<!-- DashboardComponent&#45;&gt;AppModule -->
<g id="edge34" class="edge">
<title>DashboardComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M567.6183,-274.2228C567.6183,-274.2228 567.6183,-295.7269 567.6183,-295.7269"/>
<polygon fill="#000000" stroke="#000000" points="564.1184,-295.7269 567.6183,-305.7269 571.1184,-295.727 564.1184,-295.7269"/>
</g>
<!-- SignupComponent -->
<g id="node36" class="node">
<title>SignupComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="537.5056,-274 416.4944,-274 416.4944,-238 537.5056,-238 537.5056,-274"/>
<text text-anchor="middle" x="477" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">SignupComponent</text>
</g>
<!-- SignupComponent&#45;&gt;AppModule -->
<g id="edge35" class="edge">
<title>SignupComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M523.3373,-274.2228C523.3373,-274.2228 523.3373,-295.7269 523.3373,-295.7269"/>
<polygon fill="#000000" stroke="#000000" points="519.8374,-295.7269 523.3373,-305.7269 526.8374,-295.727 519.8374,-295.7269"/>
</g>
<!-- SigninComponent -->
<g id="node37" class="node">
<title>SigninComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="398.8962,-274 281.1038,-274 281.1038,-238 398.8962,-238 398.8962,-274"/>
<text text-anchor="middle" x="340" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">SigninComponent</text>
</g>
<!-- SigninComponent&#45;&gt;AppModule -->
<g id="edge36" class="edge">
<title>SigninComponent&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M340,-274.0225C340,-291.3734 340,-315 340,-315 340,-315 499.3132,-315 499.3132,-315"/>
<polygon fill="#000000" stroke="#000000" points="499.3132,-318.5001 509.3132,-315 499.3132,-311.5001 499.3132,-318.5001"/>
</g>
<!-- AppComponent  -->
<g id="node41" class="node">
<title>AppComponent </title>
<polygon fill="#80b1d3" stroke="#000000" points="605.439,-410 496.561,-410 496.561,-374 605.439,-374 605.439,-410"/>
<text text-anchor="middle" x="551" y="-387.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppComponent </text>
</g>
<!-- AppModule&#45;&gt;AppComponent  -->
<g id="edge41" class="edge">
<title>AppModule&#45;&gt;AppComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="1,5" d="M551,-342.2228C551,-342.2228 551,-363.7269 551,-363.7269"/>
<polygon fill="#000000" stroke="#000000" points="547.5001,-363.7269 551,-373.7269 554.5001,-363.727 547.5001,-363.7269"/>
</g>
<!-- CoreModule -->
<g id="node39" class="node">
<title>CoreModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="257.2619,-274 254.2619,-278 233.2619,-278 230.2619,-274 170.7381,-274 170.7381,-238 257.2619,-238 257.2619,-274"/>
<text text-anchor="middle" x="214" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">CoreModule</text>
</g>
<!-- CoreModule&#45;&gt;AppModule -->
<g id="edge38" class="edge">
<title>CoreModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M214,-274.2228C214,-294.3652 214,-324 214,-324 214,-324 499.3392,-324 499.3392,-324"/>
<polygon fill="#000000" stroke="#000000" points="499.3392,-327.5001 509.3392,-324 499.3392,-320.5001 499.3392,-327.5001"/>
</g>
<!-- AppRoutingModule -->
<g id="node40" class="node">
<title>AppRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="152.2744,-274 149.2744,-278 128.2744,-278 125.2744,-274 23.7256,-274 23.7256,-238 152.2744,-238 152.2744,-274"/>
<text text-anchor="middle" x="88" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">AppRoutingModule</text>
</g>
<!-- AppRoutingModule&#45;&gt;AppModule -->
<g id="edge40" class="edge">
<title>AppRoutingModule&#45;&gt;AppModule</title>
<path fill="none" stroke="#000000" d="M88,-274.2479C88,-297.0179 88,-333 88,-333 88,-333 499.0952,-333 499.0952,-333"/>
<polygon fill="#000000" stroke="#000000" points="499.0953,-336.5001 509.0952,-333 499.0952,-329.5001 499.0953,-336.5001"/>
</g>
<!-- BaseLayoutComponent -->
<g id="node42" class="node">
<title>BaseLayoutComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="18283.2007,-122 18134.7993,-122 18134.7993,-86 18283.2007,-86 18283.2007,-122"/>
<text text-anchor="middle" x="18209" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">BaseLayoutComponent</text>
</g>
<!-- BaseLayoutModule -->
<g id="node43" class="node">
<title>BaseLayoutModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="18272.4187,-198 18269.4187,-202 18248.4187,-202 18245.4187,-198 18145.5813,-198 18145.5813,-162 18272.4187,-162 18272.4187,-198"/>
<text text-anchor="middle" x="18209" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">BaseLayoutModule</text>
</g>
<!-- BaseLayoutComponent&#45;&gt;BaseLayoutModule -->
<g id="edge42" class="edge">
<title>BaseLayoutComponent&#45;&gt;BaseLayoutModule</title>
<path fill="none" stroke="#000000" d="M18209,-122.0109C18209,-122.0109 18209,-151.855 18209,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="18205.5001,-151.8549 18209,-161.855 18212.5001,-151.855 18205.5001,-151.8549"/>
</g>
<!-- BaseLayoutComponent  -->
<g id="node44" class="node">
<title>BaseLayoutComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="18285.7009,-274 18134.2991,-274 18134.2991,-238 18285.7009,-238 18285.7009,-274"/>
<text text-anchor="middle" x="18210" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">BaseLayoutComponent </text>
</g>
<!-- BaseLayoutModule&#45;&gt;BaseLayoutComponent  -->
<g id="edge43" class="edge">
<title>BaseLayoutModule&#45;&gt;BaseLayoutComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M18230.0697,-198.0109C18230.0697,-198.0109 18230.0697,-227.855 18230.0697,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="18226.5698,-227.8549 18230.0697,-237.855 18233.5698,-227.855 18226.5698,-227.8549"/>
</g>
<!-- BaseLayoutModule&#45;&gt;PagesModule -->
<g id="edge172" class="edge">
<title>BaseLayoutModule&#45;&gt;PagesModule</title>
<path fill="none" stroke="#000000" d="M18187.9303,-198.1592C18187.9303,-203.0433 18187.9303,-207 18187.9303,-207 18187.9303,-207 14323.0516,-207 14323.0516,-207 14323.0516,-207 14323.0516,-227.7542 14323.0516,-227.7542"/>
<polygon fill="#000000" stroke="#000000" points="14319.5516,-227.7542 14323.0516,-237.7542 14326.5516,-227.7542 14319.5516,-227.7542"/>
</g>
<!-- ButtonDirective -->
<g id="node45" class="node">
<title>ButtonDirective</title>
<polygon fill="#ffffb3" stroke="#000000" points="8677.2008,-198 8570.7992,-198 8570.7992,-162 8677.2008,-162 8677.2008,-198"/>
<text text-anchor="middle" x="8624" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ButtonDirective</text>
</g>
<!-- ButtonModule -->
<g id="node47" class="node">
<title>ButtonModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="8541.6682,-274 8538.6682,-278 8517.6682,-278 8514.6682,-274 8444.3318,-274 8444.3318,-238 8541.6682,-238 8541.6682,-274"/>
<text text-anchor="middle" x="8493" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">ButtonModule</text>
</g>
<!-- ButtonDirective&#45;&gt;ButtonModule -->
<g id="edge44" class="edge">
<title>ButtonDirective&#45;&gt;ButtonModule</title>
<path fill="none" stroke="#000000" d="M8624,-198.0109C8624,-220.4852 8624,-256 8624,-256 8624,-256 8551.7796,-256 8551.7796,-256"/>
<polygon fill="#000000" stroke="#000000" points="8551.7796,-252.5001 8541.7796,-256 8551.7795,-259.5001 8551.7796,-252.5001"/>
</g>
<!-- ButtonComponent -->
<g id="node46" class="node">
<title>ButtonComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="8552.9511,-198 8433.0489,-198 8433.0489,-162 8552.9511,-162 8552.9511,-198"/>
<text text-anchor="middle" x="8493" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ButtonComponent</text>
</g>
<!-- ButtonComponent&#45;&gt;ButtonModule -->
<g id="edge45" class="edge">
<title>ButtonComponent&#45;&gt;ButtonModule</title>
<path fill="none" stroke="#000000" d="M8493,-198.0109C8493,-198.0109 8493,-227.855 8493,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="8489.5001,-227.8549 8493,-237.855 8496.5001,-227.855 8489.5001,-227.8549"/>
</g>
<!-- ButtonDirective  -->
<g id="node48" class="node">
<title>ButtonDirective </title>
<polygon fill="#fb8072" stroke="#000000" points="8547.701,-342 8438.299,-342 8438.299,-306 8547.701,-306 8547.701,-342"/>
<text text-anchor="middle" x="8493" y="-319.8" font-family="Times,serif" font-size="14.00" fill="#000000">ButtonDirective </text>
</g>
<!-- ButtonModule&#45;&gt;ButtonDirective  -->
<g id="edge46" class="edge">
<title>ButtonModule&#45;&gt;ButtonDirective </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M8509.2779,-274.2228C8509.2779,-274.2228 8509.2779,-295.7269 8509.2779,-295.7269"/>
<polygon fill="#000000" stroke="#000000" points="8505.778,-295.7269 8509.2779,-305.7269 8512.778,-295.727 8505.778,-295.7269"/>
</g>
<!-- ButtonModule&#45;&gt;MaterialsModule -->
<g id="edge144" class="edge">
<title>ButtonModule&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M8476.7221,-274.2015C8476.7221,-280.028 8476.7221,-285 8476.7221,-285 8476.7221,-285 7592.2641,-285 7592.2641,-285 7592.2641,-285 7592.2641,-295.8701 7592.2641,-295.8701"/>
<polygon fill="#000000" stroke="#000000" points="7588.7642,-295.8701 7592.2641,-305.8701 7595.7642,-295.8701 7588.7642,-295.8701"/>
</g>
<!-- ChartComponent -->
<g id="node49" class="node">
<title>ChartComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="13396.4356,-122 13283.5644,-122 13283.5644,-86 13396.4356,-86 13396.4356,-122"/>
<text text-anchor="middle" x="13340" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ChartComponent</text>
</g>
<!-- ChartComponent&#45;&gt;ChartModule -->
<g id="edge47" class="edge">
<title>ChartComponent&#45;&gt;ChartModule</title>
<path fill="none" stroke="#000000" d="M13340,-122.1532C13340,-145.7566 13340,-184 13340,-184 13340,-184 13008.5318,-184 13008.5318,-184"/>
<polygon fill="#000000" stroke="#000000" points="13008.5319,-180.5001 12998.5318,-184 13008.5318,-187.5001 13008.5319,-180.5001"/>
</g>
<!-- LineComponent -->
<g id="node50" class="node">
<title>LineComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="13265.4902,-122 13158.5098,-122 13158.5098,-86 13265.4902,-86 13265.4902,-122"/>
<text text-anchor="middle" x="13212" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">LineComponent</text>
</g>
<!-- LineComponent&#45;&gt;ChartModule -->
<g id="edge48" class="edge">
<title>LineComponent&#45;&gt;ChartModule</title>
<path fill="none" stroke="#000000" d="M13212,-122.0449C13212,-143.6623 13212,-177 13212,-177 13212,-177 13008.4107,-177 13008.4107,-177"/>
<polygon fill="#000000" stroke="#000000" points="13008.4108,-173.5001 12998.4107,-177 13008.4107,-180.5001 13008.4108,-173.5001"/>
</g>
<!-- BarComponent -->
<g id="node51" class="node">
<title>BarComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="13140.5452,-122 13039.4548,-122 13039.4548,-86 13140.5452,-86 13140.5452,-122"/>
<text text-anchor="middle" x="13090" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">BarComponent</text>
</g>
<!-- BarComponent&#45;&gt;ChartModule -->
<g id="edge49" class="edge">
<title>BarComponent&#45;&gt;ChartModule</title>
<path fill="none" stroke="#000000" d="M13090,-122.0348C13090,-141.5762 13090,-170 13090,-170 13090,-170 13008.2386,-170 13008.2386,-170"/>
<polygon fill="#000000" stroke="#000000" points="13008.2386,-166.5001 12998.2386,-170 13008.2386,-173.5001 13008.2386,-166.5001"/>
</g>
<!-- DoughnutComponent -->
<g id="node52" class="node">
<title>DoughnutComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="13021.83,-122 12884.17,-122 12884.17,-86 13021.83,-86 13021.83,-122"/>
<text text-anchor="middle" x="12953" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">DoughnutComponent</text>
</g>
<!-- DoughnutComponent&#45;&gt;ChartModule -->
<g id="edge50" class="edge">
<title>DoughnutComponent&#45;&gt;ChartModule</title>
<path fill="none" stroke="#000000" d="M12968.1087,-122.0109C12968.1087,-122.0109 12968.1087,-151.855 12968.1087,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="12964.6088,-151.8549 12968.1087,-161.855 12971.6088,-151.855 12964.6088,-151.8549"/>
</g>
<!-- RadarComponent -->
<g id="node53" class="node">
<title>RadarComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="12866.2591,-122 12751.7409,-122 12751.7409,-86 12866.2591,-86 12866.2591,-122"/>
<text text-anchor="middle" x="12809" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">RadarComponent</text>
</g>
<!-- RadarComponent&#45;&gt;ChartModule -->
<g id="edge51" class="edge">
<title>RadarComponent&#45;&gt;ChartModule</title>
<path fill="none" stroke="#000000" d="M12809,-122.308C12809,-142.1455 12809,-171 12809,-171 12809,-171 12897.8326,-171 12897.8326,-171"/>
<polygon fill="#000000" stroke="#000000" points="12897.8326,-174.5001 12907.8326,-171 12897.8326,-167.5001 12897.8326,-174.5001"/>
</g>
<!-- PieComponent -->
<g id="node54" class="node">
<title>PieComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="12733.7204,-122 12634.2796,-122 12634.2796,-86 12733.7204,-86 12733.7204,-122"/>
<text text-anchor="middle" x="12684" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">PieComponent</text>
</g>
<!-- PieComponent&#45;&gt;ChartModule -->
<g id="edge52" class="edge">
<title>PieComponent&#45;&gt;ChartModule</title>
<path fill="none" stroke="#000000" d="M12684,-122.0109C12684,-144.4852 12684,-180 12684,-180 12684,-180 12897.672,-180 12897.672,-180"/>
<polygon fill="#000000" stroke="#000000" points="12897.672,-183.5001 12907.672,-180 12897.672,-176.5001 12897.672,-183.5001"/>
</g>
<!-- PolarComponent -->
<g id="node55" class="node">
<title>PolarComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="13525.3809,-122 13414.6191,-122 13414.6191,-86 13525.3809,-86 13525.3809,-122"/>
<text text-anchor="middle" x="13470" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">PolarComponent</text>
</g>
<!-- PolarComponent&#45;&gt;ChartModule -->
<g id="edge53" class="edge">
<title>PolarComponent&#45;&gt;ChartModule</title>
<path fill="none" stroke="#000000" d="M13470,-122.0265C13470,-147.5093 13470,-191 13470,-191 13470,-191 13008.4272,-191 13008.4272,-191"/>
<polygon fill="#000000" stroke="#000000" points="13008.4272,-187.5001 12998.4272,-191 13008.4272,-194.5001 13008.4272,-187.5001"/>
</g>
<!-- ChartRoutingModule -->
<g id="node57" class="node">
<title>ChartRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="12609.7702,-122 12606.7702,-126 12585.7702,-126 12582.7702,-122 12474.2298,-122 12474.2298,-86 12609.7702,-86 12609.7702,-122"/>
<text text-anchor="middle" x="12542" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ChartRoutingModule</text>
</g>
<!-- ChartRoutingModule&#45;&gt;ChartModule -->
<g id="edge55" class="edge">
<title>ChartRoutingModule&#45;&gt;ChartModule</title>
<path fill="none" stroke="#000000" d="M12542,-122.0263C12542,-146.9773 12542,-189 12542,-189 12542,-189 12897.8401,-189 12897.8401,-189"/>
<polygon fill="#000000" stroke="#000000" points="12897.8402,-192.5001 12907.8401,-189 12897.8401,-185.5001 12897.8402,-192.5001"/>
</g>
<!-- ChatsComponent -->
<g id="node58" class="node">
<title>ChatsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="16081.719,-122 15968.281,-122 15968.281,-86 16081.719,-86 16081.719,-122"/>
<text text-anchor="middle" x="16025" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ChatsComponent</text>
</g>
<!-- ChatsComponent&#45;&gt;ChatsModule -->
<g id="edge56" class="edge">
<title>ChatsComponent&#45;&gt;ChatsModule</title>
<path fill="none" stroke="#000000" d="M15984.5544,-122.0109C15984.5544,-122.0109 15984.5544,-151.855 15984.5544,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="15981.0544,-151.8549 15984.5544,-161.855 15988.0544,-151.855 15981.0544,-151.8549"/>
</g>
<!-- ContactsComponent -->
<g id="node59" class="node">
<title>ContactsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="15950.3244,-122 15819.6756,-122 15819.6756,-86 15950.3244,-86 15950.3244,-122"/>
<text text-anchor="middle" x="15885" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ContactsComponent</text>
</g>
<!-- ContactsComponent&#45;&gt;ChatsModule -->
<g id="edge57" class="edge">
<title>ContactsComponent&#45;&gt;ChatsModule</title>
<path fill="none" stroke="#000000" d="M15936.5353,-122.0109C15936.5353,-122.0109 15936.5353,-151.855 15936.5353,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="15933.0354,-151.8549 15936.5353,-161.855 15940.0354,-151.855 15933.0354,-151.8549"/>
</g>
<!-- ChatComponent -->
<g id="node60" class="node">
<title>ChatComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="16343.7744,-122 16236.2256,-122 16236.2256,-86 16343.7744,-86 16343.7744,-122"/>
<text text-anchor="middle" x="16290" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ChatComponent</text>
</g>
<!-- ChatComponent&#45;&gt;ChatsModule -->
<g id="edge58" class="edge">
<title>ChatComponent&#45;&gt;ChatsModule</title>
<path fill="none" stroke="#000000" d="M16290,-122.0263C16290,-146.9773 16290,-189 16290,-189 16290,-189 16010.8779,-189 16010.8779,-189"/>
<polygon fill="#000000" stroke="#000000" points="16010.8779,-185.5001 16000.8779,-189 16010.8779,-192.5001 16010.8779,-185.5001"/>
</g>
<!-- NoticeComponent -->
<g id="node61" class="node">
<title>NoticeComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="16218.1499,-122 16099.8501,-122 16099.8501,-86 16218.1499,-86 16218.1499,-122"/>
<text text-anchor="middle" x="16159" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">NoticeComponent</text>
</g>
<!-- NoticeComponent&#45;&gt;ChatsModule -->
<g id="edge59" class="edge">
<title>NoticeComponent&#45;&gt;ChatsModule</title>
<path fill="none" stroke="#000000" d="M16159,-122.0109C16159,-144.4852 16159,-180 16159,-180 16159,-180 16010.7816,-180 16010.7816,-180"/>
<polygon fill="#000000" stroke="#000000" points="16010.7816,-176.5001 16000.7816,-180 16010.7815,-183.5001 16010.7816,-176.5001"/>
</g>
<!-- ChatRoutingModule -->
<g id="node63" class="node">
<title>ChatRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="15795.6094,-122 15792.6094,-126 15771.6094,-126 15768.6094,-122 15664.3906,-122 15664.3906,-86 15795.6094,-86 15795.6094,-122"/>
<text text-anchor="middle" x="15730" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ChatRoutingModule</text>
</g>
<!-- ChatRoutingModule&#45;&gt;ChatsModule -->
<g id="edge61" class="edge">
<title>ChatRoutingModule&#45;&gt;ChatsModule</title>
<path fill="none" stroke="#000000" d="M15730,-122.0109C15730,-144.4852 15730,-180 15730,-180 15730,-180 15899.1967,-180 15899.1967,-180"/>
<polygon fill="#000000" stroke="#000000" points="15899.1967,-183.5001 15909.1967,-180 15899.1967,-176.5001 15899.1967,-183.5001"/>
</g>
<!-- PaginationComponent -->
<g id="node64" class="node">
<title>PaginationComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="9004.7162,-274 8863.2838,-274 8863.2838,-238 9004.7162,-238 9004.7162,-274"/>
<text text-anchor="middle" x="8934" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">PaginationComponent</text>
</g>
<!-- ComponentModule -->
<g id="node68" class="node">
<title>ComponentModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="9055.3823,-342 9052.3823,-346 9031.3823,-346 9028.3823,-342 8930.6177,-342 8930.6177,-306 9055.3823,-306 9055.3823,-342"/>
<text text-anchor="middle" x="8993" y="-319.8" font-family="Times,serif" font-size="14.00" fill="#000000">ComponentModule</text>
</g>
<!-- PaginationComponent&#45;&gt;ComponentModule -->
<g id="edge62" class="edge">
<title>PaginationComponent&#45;&gt;ComponentModule</title>
<path fill="none" stroke="#000000" d="M8967.5835,-274.2228C8967.5835,-274.2228 8967.5835,-295.7269 8967.5835,-295.7269"/>
<polygon fill="#000000" stroke="#000000" points="8964.0835,-295.7269 8967.5835,-305.7269 8971.0835,-295.727 8964.0835,-295.7269"/>
</g>
<!-- PaginationComponent&#45;&gt;MaterialsModule -->
<g id="edge134" class="edge">
<title>PaginationComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M8896.9755,-274.1274C8896.9755,-284.7109 8896.9755,-296 8896.9755,-296 8896.9755,-296 7629.7359,-296 7629.7359,-296 7629.7359,-296 7629.7359,-296.9793 7629.7359,-296.9793"/>
<polygon fill="#000000" stroke="#000000" points="7626.236,-295.793 7629.7359,-305.793 7633.236,-295.7931 7626.236,-295.793"/>
</g>
<!-- PopoverComponent -->
<g id="node65" class="node">
<title>PopoverComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="8844.9902,-274 8717.0098,-274 8717.0098,-238 8844.9902,-238 8844.9902,-274"/>
<text text-anchor="middle" x="8781" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">PopoverComponent</text>
</g>
<!-- PopoverComponent&#45;&gt;ComponentModule -->
<g id="edge63" class="edge">
<title>PopoverComponent&#45;&gt;ComponentModule</title>
<path fill="none" stroke="#000000" d="M8839.1738,-274.2667C8839.1738,-292.5552 8839.1738,-318 8839.1738,-318 8839.1738,-318 8920.433,-318 8920.433,-318"/>
<polygon fill="#000000" stroke="#000000" points="8920.433,-321.5001 8930.433,-318 8920.4329,-314.5001 8920.433,-321.5001"/>
</g>
<!-- PopoverComponent&#45;&gt;MaterialsModule -->
<g id="edge138" class="edge">
<title>PopoverComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M8755.7874,-274.1944C8755.7874,-282.2782 8755.7874,-290 8755.7874,-290 8755.7874,-290 7611,-290 7611,-290 7611,-290 7611,-295.8056 7611,-295.8056"/>
<polygon fill="#000000" stroke="#000000" points="7607.5001,-295.8055 7611,-305.8056 7614.5001,-295.8056 7607.5001,-295.8055"/>
</g>
<!-- PopoverDirective -->
<g id="node66" class="node">
<title>PopoverDirective</title>
<polygon fill="#ffffb3" stroke="#000000" points="9268.2409,-274 9153.7591,-274 9153.7591,-238 9268.2409,-238 9268.2409,-274"/>
<text text-anchor="middle" x="9211" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">PopoverDirective</text>
</g>
<!-- PopoverDirective&#45;&gt;ComponentModule -->
<g id="edge64" class="edge">
<title>PopoverDirective&#45;&gt;ComponentModule</title>
<path fill="none" stroke="#000000" d="M9211,-274.2667C9211,-292.5552 9211,-318 9211,-318 9211,-318 9065.4701,-318 9065.4701,-318"/>
<polygon fill="#000000" stroke="#000000" points="9065.4701,-314.5001 9055.4701,-318 9065.47,-321.5001 9065.4701,-314.5001"/>
</g>
<!-- TableComponent -->
<g id="node67" class="node">
<title>TableComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="9135.705,-274 9022.295,-274 9022.295,-238 9135.705,-238 9135.705,-274"/>
<text text-anchor="middle" x="9079" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">TableComponent</text>
</g>
<!-- TableComponent&#45;&gt;ComponentModule -->
<g id="edge65" class="edge">
<title>TableComponent&#45;&gt;ComponentModule</title>
<path fill="none" stroke="#000000" d="M9038.9194,-274.2228C9038.9194,-274.2228 9038.9194,-295.7269 9038.9194,-295.7269"/>
<polygon fill="#000000" stroke="#000000" points="9035.4194,-295.7269 9038.9194,-305.7269 9042.4194,-295.727 9035.4194,-295.7269"/>
</g>
<!-- PaginationComponent  -->
<g id="node69" class="node">
<title>PaginationComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="9281.2163,-410 9136.7837,-410 9136.7837,-374 9281.2163,-374 9281.2163,-410"/>
<text text-anchor="middle" x="9209" y="-387.8" font-family="Times,serif" font-size="14.00" fill="#000000">PaginationComponent </text>
</g>
<!-- ComponentModule&#45;&gt;PaginationComponent  -->
<g id="edge66" class="edge">
<title>ComponentModule&#45;&gt;PaginationComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M9055.7578,-330C9097.6654,-330 9145.1358,-330 9145.1358,-330 9145.1358,-330 9145.1358,-363.7333 9145.1358,-363.7333"/>
<polygon fill="#000000" stroke="#000000" points="9141.6359,-363.7333 9145.1358,-373.7333 9148.6359,-363.7333 9141.6359,-363.7333"/>
</g>
<!-- PopoverComponent  -->
<g id="node70" class="node">
<title>PopoverComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="9118.9911,-410 8987.0089,-410 8987.0089,-374 9118.9911,-374 9118.9911,-410"/>
<text text-anchor="middle" x="9053" y="-387.8" font-family="Times,serif" font-size="14.00" fill="#000000">PopoverComponent </text>
</g>
<!-- ComponentModule&#45;&gt;PopoverComponent  -->
<g id="edge67" class="edge">
<title>ComponentModule&#45;&gt;PopoverComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M9021.348,-342.2228C9021.348,-342.2228 9021.348,-363.7269 9021.348,-363.7269"/>
<polygon fill="#000000" stroke="#000000" points="9017.8481,-363.7269 9021.348,-373.7269 9024.8481,-363.727 9017.8481,-363.7269"/>
</g>
<!-- PopoverDirective  -->
<g id="node71" class="node">
<title>PopoverDirective </title>
<polygon fill="#fb8072" stroke="#000000" points="8969.2408,-410 8850.7592,-410 8850.7592,-374 8969.2408,-374 8969.2408,-410"/>
<text text-anchor="middle" x="8910" y="-387.8" font-family="Times,serif" font-size="14.00" fill="#000000">PopoverDirective </text>
</g>
<!-- ComponentModule&#45;&gt;PopoverDirective  -->
<g id="edge68" class="edge">
<title>ComponentModule&#45;&gt;PopoverDirective </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M8949.8396,-342.2228C8949.8396,-342.2228 8949.8396,-363.7269 8949.8396,-363.7269"/>
<polygon fill="#000000" stroke="#000000" points="8946.3397,-363.7269 8949.8396,-373.7269 8953.3397,-363.727 8946.3397,-363.7269"/>
</g>
<!-- TableComponent  -->
<g id="node72" class="node">
<title>TableComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="8833.2052,-410 8716.7948,-410 8716.7948,-374 8833.2052,-374 8833.2052,-410"/>
<text text-anchor="middle" x="8775" y="-387.8" font-family="Times,serif" font-size="14.00" fill="#000000">TableComponent </text>
</g>
<!-- ComponentModule&#45;&gt;TableComponent  -->
<g id="edge69" class="edge">
<title>ComponentModule&#45;&gt;TableComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M8930.4878,-330C8872.3241,-330 8794.5699,-330 8794.5699,-330 8794.5699,-330 8794.5699,-363.7333 8794.5699,-363.7333"/>
<polygon fill="#000000" stroke="#000000" points="8791.07,-363.7333 8794.5699,-373.7333 8798.07,-363.7333 8791.07,-363.7333"/>
</g>
<!-- AuthService -->
<g id="node73" class="node">
<title>AuthService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="297" cy="-180" rx="59.1083" ry="18"/>
<text text-anchor="middle" x="297" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">AuthService</text>
</g>
<!-- AuthService&#45;&gt;CoreModule -->
<g id="edge70" class="edge">
<title>AuthService&#45;&gt;CoreModule</title>
<path fill="none" stroke="#000000" d="M247.5385,-189.9357C247.5385,-189.9357 247.5385,-227.9077 247.5385,-227.9077"/>
<polygon fill="#000000" stroke="#000000" points="244.0386,-227.9077 247.5385,-237.9077 251.0386,-227.9078 244.0386,-227.9077"/>
</g>
<!-- ConfigService -->
<g id="node74" class="node">
<title>ConfigService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="153" cy="-180" rx="66.6325" ry="18"/>
<text text-anchor="middle" x="153" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ConfigService</text>
</g>
<!-- ConfigService&#45;&gt;CoreModule -->
<g id="edge71" class="edge">
<title>ConfigService&#45;&gt;CoreModule</title>
<path fill="none" stroke="#000000" d="M195.2176,-194.295C195.2176,-194.295 195.2176,-227.7342 195.2176,-227.7342"/>
<polygon fill="#000000" stroke="#000000" points="191.7177,-227.7341 195.2176,-237.7342 198.7177,-227.7342 191.7177,-227.7341"/>
</g>
<!-- LeadComponent -->
<g id="node75" class="node">
<title>LeadComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="12084.8147,-198 11975.1853,-198 11975.1853,-162 12084.8147,-162 12084.8147,-198"/>
<text text-anchor="middle" x="12030" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LeadComponent</text>
</g>
<!-- LeadComponent&#45;&gt;CrmModule -->
<g id="edge72" class="edge">
<title>LeadComponent&#45;&gt;CrmModule</title>
<path fill="none" stroke="#000000" d="M12030,-198.0348C12030,-217.5762 12030,-246 12030,-246 12030,-246 11674.5085,-246 11674.5085,-246"/>
<polygon fill="#000000" stroke="#000000" points="11674.5086,-242.5001 11664.5085,-246 11674.5085,-249.5001 11674.5086,-242.5001"/>
</g>
<!-- CustomerComponent -->
<g id="node76" class="node">
<title>CustomerComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="11956.7702,-198 11821.2298,-198 11821.2298,-162 11956.7702,-162 11956.7702,-198"/>
<text text-anchor="middle" x="11889" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CustomerComponent</text>
</g>
<!-- CustomerComponent&#45;&gt;CrmModule -->
<g id="edge73" class="edge">
<title>CustomerComponent&#45;&gt;CrmModule</title>
<path fill="none" stroke="#000000" d="M11889,-198.2667C11889,-216.5552 11889,-242 11889,-242 11889,-242 11674.3069,-242 11674.3069,-242"/>
<polygon fill="#000000" stroke="#000000" points="11674.307,-238.5001 11664.3069,-242 11674.3069,-245.5001 11674.307,-238.5001"/>
</g>
<!-- CustomerCommonComponent -->
<g id="node77" class="node">
<title>CustomerCommonComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="11802.8878,-198 11615.1122,-198 11615.1122,-162 11802.8878,-162 11802.8878,-198"/>
<text text-anchor="middle" x="11709" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CustomerCommonComponent</text>
</g>
<!-- CustomerCommonComponent&#45;&gt;CrmModule -->
<g id="edge74" class="edge">
<title>CustomerCommonComponent&#45;&gt;CrmModule</title>
<path fill="none" stroke="#000000" d="M11639.6375,-198.0109C11639.6375,-198.0109 11639.6375,-227.855 11639.6375,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="11636.1375,-227.8549 11639.6375,-237.855 11643.1375,-227.855 11636.1375,-227.8549"/>
</g>
<!-- ContactComponent -->
<g id="node78" class="node">
<title>ContactComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="12374.3795,-198 12249.6205,-198 12249.6205,-162 12374.3795,-162 12374.3795,-198"/>
<text text-anchor="middle" x="12312" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ContactComponent</text>
</g>
<!-- ContactComponent&#45;&gt;CrmModule -->
<g id="edge75" class="edge">
<title>ContactComponent&#45;&gt;CrmModule</title>
<path fill="none" stroke="#000000" d="M12291.1868,-198.0449C12291.1868,-219.6623 12291.1868,-253 12291.1868,-253 12291.1868,-253 11674.3683,-253 11674.3683,-253"/>
<polygon fill="#000000" stroke="#000000" points="11674.3683,-249.5001 11664.3683,-253 11674.3683,-256.5001 11674.3683,-249.5001"/>
</g>
<!-- ContactComponent&#45;&gt;PagesModule -->
<g id="edge163" class="edge">
<title>ContactComponent&#45;&gt;PagesModule</title>
<path fill="none" stroke="#000000" d="M12332.8132,-198.4152C12332.8132,-225.0057 12332.8132,-271 12332.8132,-271 12332.8132,-271 14243.7923,-271 14243.7923,-271"/>
<polygon fill="#000000" stroke="#000000" points="14243.7923,-274.5001 14253.7923,-271 14243.7922,-267.5001 14243.7923,-274.5001"/>
</g>
<!-- ContactUpdateComponent -->
<g id="node79" class="node">
<title>ContactUpdateComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="11454.8061,-198 11289.1939,-198 11289.1939,-162 11454.8061,-162 11454.8061,-198"/>
<text text-anchor="middle" x="11372" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ContactUpdateComponent</text>
</g>
<!-- ContactUpdateComponent&#45;&gt;CrmModule -->
<g id="edge76" class="edge">
<title>ContactUpdateComponent&#45;&gt;CrmModule</title>
<path fill="none" stroke="#000000" d="M11372,-198.1686C11372,-217.0898 11372,-244 11372,-244 11372,-244 11569.5909,-244 11569.5909,-244"/>
<polygon fill="#000000" stroke="#000000" points="11569.5909,-247.5001 11579.5909,-244 11569.5909,-240.5001 11569.5909,-247.5001"/>
</g>
<!-- OpportunitiesComponent -->
<g id="node80" class="node">
<title>OpportunitiesComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="11271.3215,-198 11112.6785,-198 11112.6785,-162 11271.3215,-162 11271.3215,-198"/>
<text text-anchor="middle" x="11192" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">OpportunitiesComponent</text>
</g>
<!-- OpportunitiesComponent&#45;&gt;CrmModule -->
<g id="edge77" class="edge">
<title>OpportunitiesComponent&#45;&gt;CrmModule</title>
<path fill="none" stroke="#000000" d="M11192,-198.1289C11192,-218.5724 11192,-249 11192,-249 11192,-249 11569.5931,-249 11569.5931,-249"/>
<polygon fill="#000000" stroke="#000000" points="11569.5932,-252.5001 11579.5931,-249 11569.5931,-245.5001 11569.5932,-252.5001"/>
</g>
<!-- CrmComponent -->
<g id="node81" class="node">
<title>CrmComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="11095.2204,-198 10988.7796,-198 10988.7796,-162 11095.2204,-162 11095.2204,-198"/>
<text text-anchor="middle" x="11042" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CrmComponent</text>
</g>
<!-- CrmComponent&#45;&gt;CrmModule -->
<g id="edge78" class="edge">
<title>CrmComponent&#45;&gt;CrmModule</title>
<path fill="none" stroke="#000000" d="M11042,-198.2921C11042,-220.2057 11042,-254 11042,-254 11042,-254 11569.3512,-254 11569.3512,-254"/>
<polygon fill="#000000" stroke="#000000" points="11569.3513,-257.5001 11579.3512,-254 11569.3512,-250.5001 11569.3513,-257.5001"/>
</g>
<!-- ContractComponent -->
<g id="node82" class="node">
<title>ContractComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="12231.5408,-198 12102.4592,-198 12102.4592,-162 12231.5408,-162 12231.5408,-198"/>
<text text-anchor="middle" x="12167" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ContractComponent</text>
</g>
<!-- ContractComponent&#45;&gt;CrmModule -->
<g id="edge79" class="edge">
<title>ContractComponent&#45;&gt;CrmModule</title>
<path fill="none" stroke="#000000" d="M12167,-198.1289C12167,-218.5724 12167,-249 12167,-249 12167,-249 11674.3117,-249 11674.3117,-249"/>
<polygon fill="#000000" stroke="#000000" points="11674.3118,-245.5001 11664.3117,-249 11674.3117,-252.5001 11674.3118,-245.5001"/>
</g>
<!-- ProductComponent -->
<g id="node83" class="node">
<title>ProductComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="11597.3809,-198 11472.6191,-198 11472.6191,-162 11597.3809,-162 11597.3809,-198"/>
<text text-anchor="middle" x="11535" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProductComponent</text>
</g>
<!-- ProductComponent&#45;&gt;CrmModule -->
<g id="edge80" class="edge">
<title>ProductComponent&#45;&gt;CrmModule</title>
<path fill="none" stroke="#000000" d="M11588.6108,-198.0109C11588.6108,-198.0109 11588.6108,-227.855 11588.6108,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="11585.1109,-227.8549 11588.6108,-237.855 11592.1109,-227.855 11585.1109,-227.8549"/>
</g>
<!-- CrmRoutingModule -->
<g id="node85" class="node">
<title>CrmRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="10964.5562,-198 10961.5562,-202 10940.5562,-202 10937.5562,-198 10835.4438,-198 10835.4438,-162 10964.5562,-162 10964.5562,-198"/>
<text text-anchor="middle" x="10900" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CrmRoutingModule</text>
</g>
<!-- CrmRoutingModule&#45;&gt;CrmModule -->
<g id="edge82" class="edge">
<title>CrmRoutingModule&#45;&gt;CrmModule</title>
<path fill="none" stroke="#000000" d="M10900,-198.3228C10900,-221.6602 10900,-259 10900,-259 10900,-259 11569.5311,-259 11569.5311,-259"/>
<polygon fill="#000000" stroke="#000000" points="11569.5311,-262.5001 11579.5311,-259 11569.5311,-255.5001 11569.5311,-262.5001"/>
</g>
<!-- WidgetModule&#45;&gt;CrmModule -->
<g id="edge83" class="edge">
<title>WidgetModule&#45;&gt;CrmModule</title>
<path fill="none" stroke="#000000" d="M10783.7934,-198.2267C10783.7934,-222.9318 10783.7934,-264 10783.7934,-264 10783.7934,-264 11569.5702,-264 11569.5702,-264"/>
<polygon fill="#000000" stroke="#000000" points="11569.5703,-267.5001 11579.5702,-264 11569.5702,-260.5001 11569.5703,-267.5001"/>
</g>
<!-- StateComponent  -->
<g id="node188" class="node">
<title>StateComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="10405.3255,-274 10292.6745,-274 10292.6745,-238 10405.3255,-238 10405.3255,-274"/>
<text text-anchor="middle" x="10349" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">StateComponent </text>
</g>
<!-- WidgetModule&#45;&gt;StateComponent  -->
<g id="edge199" class="edge">
<title>WidgetModule&#45;&gt;StateComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M10716.5794,-180C10605.4042,-180 10349,-180 10349,-180 10349,-180 10349,-227.9891 10349,-227.9891"/>
<polygon fill="#000000" stroke="#000000" points="10345.5001,-227.989 10349,-237.9891 10352.5001,-227.9891 10345.5001,-227.989"/>
</g>
<!-- SwitchComponent  -->
<g id="node189" class="node">
<title>SwitchComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="10274.7177,-274 10151.2823,-274 10151.2823,-238 10274.7177,-238 10274.7177,-274"/>
<text text-anchor="middle" x="10213" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">SwitchComponent </text>
</g>
<!-- WidgetModule&#45;&gt;SwitchComponent  -->
<g id="edge200" class="edge">
<title>WidgetModule&#45;&gt;SwitchComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M10716.3676,-171C10579.6062,-171 10213,-171 10213,-171 10213,-171 10213,-227.9737 10213,-227.9737"/>
<polygon fill="#000000" stroke="#000000" points="10209.5001,-227.9737 10213,-237.9737 10216.5001,-227.9737 10209.5001,-227.9737"/>
</g>
<!-- DatePickerComponent -->
<g id="node87" class="node">
<title>DatePickerComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1764.5226,-198 1621.4774,-198 1621.4774,-162 1764.5226,-162 1764.5226,-198"/>
<text text-anchor="middle" x="1693" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">DatePickerComponent</text>
</g>
<!-- DatePickerModule -->
<g id="node94" class="node">
<title>DatePickerModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="1517.7395,-274 1514.7395,-278 1493.7395,-278 1490.7395,-274 1396.2605,-274 1396.2605,-238 1517.7395,-238 1517.7395,-274"/>
<text text-anchor="middle" x="1457" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">DatePickerModule</text>
</g>
<!-- DatePickerComponent&#45;&gt;DatePickerModule -->
<g id="edge84" class="edge">
<title>DatePickerComponent&#45;&gt;DatePickerModule</title>
<path fill="none" stroke="#000000" d="M1693,-198.2667C1693,-216.5552 1693,-242 1693,-242 1693,-242 1527.7759,-242 1527.7759,-242"/>
<polygon fill="#000000" stroke="#000000" points="1527.7759,-238.5001 1517.7759,-242 1527.7758,-245.5001 1527.7759,-238.5001"/>
</g>
<!-- DatePickerComponent&#45;&gt;MaterialsModule -->
<g id="edge136" class="edge">
<title>DatePickerComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M1728.8805,-198.1519C1728.8805,-238.68 1728.8805,-333 1728.8805,-333 1728.8805,-333 7544.6689,-333 7544.6689,-333"/>
<polygon fill="#000000" stroke="#000000" points="7544.6689,-336.5001 7554.6689,-333 7544.6688,-329.5001 7544.6689,-336.5001"/>
</g>
<!-- CalendarComponent -->
<g id="node88" class="node">
<title>CalendarComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1602.8641,-198 1471.1359,-198 1471.1359,-162 1602.8641,-162 1602.8641,-198"/>
<text text-anchor="middle" x="1537" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">CalendarComponent</text>
</g>
<!-- CalendarComponent&#45;&gt;DatePickerModule -->
<g id="edge85" class="edge">
<title>CalendarComponent&#45;&gt;DatePickerModule</title>
<path fill="none" stroke="#000000" d="M1494.4688,-198.0109C1494.4688,-198.0109 1494.4688,-227.855 1494.4688,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="1490.9689,-227.8549 1494.4688,-237.855 1497.9689,-227.855 1490.9689,-227.8549"/>
</g>
<!-- CalendarComponent&#45;&gt;MaterialsModule -->
<g id="edge139" class="edge">
<title>CalendarComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M1566.7215,-198.2393C1566.7215,-240.0035 1566.7215,-339 1566.7215,-339 1566.7215,-339 7544.5495,-339 7544.5495,-339"/>
<polygon fill="#000000" stroke="#000000" points="7544.5496,-342.5001 7554.5495,-339 7544.5495,-335.5001 7544.5496,-342.5001"/>
</g>
<!-- DayButtonComponent -->
<g id="node89" class="node">
<title>DayButtonComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1283.2716,-198 1140.7284,-198 1140.7284,-162 1283.2716,-162 1283.2716,-198"/>
<text text-anchor="middle" x="1212" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">DayButtonComponent</text>
</g>
<!-- DayButtonComponent&#45;&gt;DatePickerModule -->
<g id="edge86" class="edge">
<title>DayButtonComponent&#45;&gt;DatePickerModule</title>
<path fill="none" stroke="#000000" d="M1212,-198.308C1212,-218.1455 1212,-247 1212,-247 1212,-247 1386.1234,-247 1386.1234,-247"/>
<polygon fill="#000000" stroke="#000000" points="1386.1234,-250.5001 1396.1234,-247 1386.1234,-243.5001 1386.1234,-250.5001"/>
</g>
<!-- DatePickerPipe -->
<g id="node90" class="node">
<title>DatePickerPipe</title>
<polygon fill="#ffffb3" stroke="#000000" points="1122.5772,-198 1019.4228,-198 1019.4228,-162 1122.5772,-162 1122.5772,-198"/>
<text text-anchor="middle" x="1071" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">DatePickerPipe</text>
</g>
<!-- DatePickerPipe&#45;&gt;DatePickerModule -->
<g id="edge87" class="edge">
<title>DatePickerPipe&#45;&gt;DatePickerModule</title>
<path fill="none" stroke="#000000" d="M1071,-198.0109C1071,-220.4852 1071,-256 1071,-256 1071,-256 1385.8372,-256 1385.8372,-256"/>
<polygon fill="#000000" stroke="#000000" points="1385.8372,-259.5001 1395.8372,-256 1385.8371,-252.5001 1385.8372,-259.5001"/>
</g>
<!-- ToolbarComponent -->
<g id="node91" class="node">
<title>ToolbarComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1908.6513,-198 1783.3487,-198 1783.3487,-162 1908.6513,-162 1908.6513,-198"/>
<text text-anchor="middle" x="1846" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ToolbarComponent</text>
</g>
<!-- ToolbarComponent&#45;&gt;DatePickerModule -->
<g id="edge88" class="edge">
<title>ToolbarComponent&#45;&gt;DatePickerModule</title>
<path fill="none" stroke="#000000" d="M1866.9418,-198.0348C1866.9418,-217.5762 1866.9418,-246 1866.9418,-246 1866.9418,-246 1527.9298,-246 1527.9298,-246"/>
<polygon fill="#000000" stroke="#000000" points="1527.9298,-242.5001 1517.9298,-246 1527.9297,-249.5001 1527.9298,-242.5001"/>
</g>
<!-- ToolbarComponent&#45;&gt;MailModule -->
<g id="edge121" class="edge">
<title>ToolbarComponent&#45;&gt;MailModule</title>
<path fill="none" stroke="#000000" d="M1825.0582,-198.1025C1825.0582,-209.0859 1825.0582,-221 1825.0582,-221 1825.0582,-221 4597.8551,-221 4597.8551,-221 4597.8551,-221 4597.8551,-227.68 4597.8551,-227.68"/>
<polygon fill="#000000" stroke="#000000" points="4594.3552,-227.6799 4597.8551,-237.68 4601.3552,-227.68 4594.3552,-227.6799"/>
</g>
<!-- DateDisplayComponent -->
<g id="node92" class="node">
<title>DateDisplayComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1452.8061,-198 1301.1939,-198 1301.1939,-162 1452.8061,-162 1452.8061,-198"/>
<text text-anchor="middle" x="1377" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">DateDisplayComponent</text>
</g>
<!-- DateDisplayComponent&#45;&gt;DatePickerModule -->
<g id="edge89" class="edge">
<title>DateDisplayComponent&#45;&gt;DatePickerModule</title>
<path fill="none" stroke="#000000" d="M1424.3916,-198.0109C1424.3916,-198.0109 1424.3916,-227.855 1424.3916,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="1420.8917,-227.8549 1424.3916,-237.855 1427.8917,-227.855 1420.8917,-227.8549"/>
</g>
<!-- MonthComponent -->
<g id="node93" class="node">
<title>MonthComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="1001.1681,-198 882.8319,-198 882.8319,-162 1001.1681,-162 1001.1681,-198"/>
<text text-anchor="middle" x="942" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">MonthComponent</text>
</g>
<!-- MonthComponent&#45;&gt;DatePickerModule -->
<g id="edge90" class="edge">
<title>MonthComponent&#45;&gt;DatePickerModule</title>
<path fill="none" stroke="#000000" d="M942,-198.0263C942,-222.9773 942,-265 942,-265 942,-265 1386.1547,-265 1386.1547,-265"/>
<polygon fill="#000000" stroke="#000000" points="1386.1547,-268.5001 1396.1547,-265 1386.1546,-261.5001 1386.1547,-268.5001"/>
</g>
<!-- DatePickerComponent  -->
<g id="node95" class="node">
<title>DatePickerComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="1530.5218,-342 1383.4782,-342 1383.4782,-306 1530.5218,-306 1530.5218,-342"/>
<text text-anchor="middle" x="1457" y="-319.8" font-family="Times,serif" font-size="14.00" fill="#000000">DatePickerComponent </text>
</g>
<!-- DatePickerModule&#45;&gt;DatePickerComponent  -->
<g id="edge91" class="edge">
<title>DatePickerModule&#45;&gt;DatePickerComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M1457,-274.2228C1457,-274.2228 1457,-295.7269 1457,-295.7269"/>
<polygon fill="#000000" stroke="#000000" points="1453.5001,-295.7269 1457,-305.7269 1460.5001,-295.727 1453.5001,-295.7269"/>
</g>
<!-- DatePickerModule&#45;&gt;MaterialsModule -->
<g id="edge143" class="edge">
<title>DatePickerModule&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M1517.8575,-249C1576.7338,-249 1657.1195,-249 1657.1195,-249 1657.1195,-249 1657.1195,-336 1657.1195,-336 1657.1195,-336 7544.4542,-336 7544.4542,-336"/>
<polygon fill="#000000" stroke="#000000" points="7544.4543,-339.5001 7554.4542,-336 7544.4542,-332.5001 7544.4543,-339.5001"/>
</g>
<!-- FileUploadDirective -->
<g id="node96" class="node">
<title>FileUploadDirective</title>
<polygon fill="#ffffb3" stroke="#000000" points="10110.573,-198 9979.427,-198 9979.427,-162 10110.573,-162 10110.573,-198"/>
<text text-anchor="middle" x="10045" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FileUploadDirective</text>
</g>
<!-- FileUploadModule -->
<g id="node98" class="node">
<title>FileUploadModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="9858.0409,-274 9855.0409,-278 9834.0409,-278 9831.0409,-274 9735.9591,-274 9735.9591,-238 9858.0409,-238 9858.0409,-274"/>
<text text-anchor="middle" x="9797" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">FileUploadModule</text>
</g>
<!-- FileUploadDirective&#45;&gt;FileUploadModule -->
<g id="edge92" class="edge">
<title>FileUploadDirective&#45;&gt;FileUploadModule</title>
<path fill="none" stroke="#000000" d="M10045,-198.0109C10045,-220.4852 10045,-256 10045,-256 10045,-256 9868.3034,-256 9868.3034,-256"/>
<polygon fill="#000000" stroke="#000000" points="9868.3034,-252.5001 9858.3034,-256 9868.3034,-259.5001 9868.3034,-252.5001"/>
</g>
<!-- FileUploadComponent -->
<g id="node97" class="node">
<title>FileUploadComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="9961.323,-198 9816.677,-198 9816.677,-162 9961.323,-162 9961.323,-198"/>
<text text-anchor="middle" x="9889" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FileUploadComponent</text>
</g>
<!-- FileUploadComponent&#45;&gt;FileUploadModule -->
<g id="edge93" class="edge">
<title>FileUploadComponent&#45;&gt;FileUploadModule</title>
<path fill="none" stroke="#000000" d="M9837.5544,-198.0109C9837.5544,-198.0109 9837.5544,-227.855 9837.5544,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="9834.0544,-227.8549 9837.5544,-237.855 9841.0544,-227.855 9834.0544,-227.8549"/>
</g>
<!-- FileUploadDirective  -->
<g id="node99" class="node">
<title>FileUploadDirective </title>
<polygon fill="#fb8072" stroke="#000000" points="9975.0737,-342 9840.9263,-342 9840.9263,-306 9975.0737,-306 9975.0737,-342"/>
<text text-anchor="middle" x="9908" y="-319.8" font-family="Times,serif" font-size="14.00" fill="#000000">FileUploadDirective </text>
</g>
<!-- FileUploadModule&#45;&gt;FileUploadDirective  -->
<g id="edge94" class="edge">
<title>FileUploadModule&#45;&gt;FileUploadDirective </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M9849.4918,-274.2228C9849.4918,-274.2228 9849.4918,-295.7269 9849.4918,-295.7269"/>
<polygon fill="#000000" stroke="#000000" points="9845.9918,-295.7269 9849.4918,-305.7269 9852.9918,-295.727 9845.9918,-295.7269"/>
</g>
<!-- FileUploadComponent  -->
<g id="node100" class="node">
<title>FileUploadComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="9822.8227,-342 9675.1773,-342 9675.1773,-306 9822.8227,-306 9822.8227,-342"/>
<text text-anchor="middle" x="9749" y="-319.8" font-family="Times,serif" font-size="14.00" fill="#000000">FileUploadComponent </text>
</g>
<!-- FileUploadModule&#45;&gt;FileUploadComponent  -->
<g id="edge95" class="edge">
<title>FileUploadModule&#45;&gt;FileUploadComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M9793.8509,-274.2228C9793.8509,-274.2228 9793.8509,-295.7269 9793.8509,-295.7269"/>
<polygon fill="#000000" stroke="#000000" points="9790.351,-295.7269 9793.8509,-305.7269 9797.351,-295.727 9790.351,-295.7269"/>
</g>
<!-- FileUploadModule&#45;&gt;MaterialsModule -->
<g id="edge145" class="edge">
<title>FileUploadModule&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M9764.7904,-274.0439C9764.7904,-286.5633 9764.7904,-301 9764.7904,-301 9764.7904,-301 7648.4717,-301 7648.4717,-301 7648.4717,-301 7648.4717,-301.4878 7648.4717,-301.4878"/>
<polygon fill="#000000" stroke="#000000" points="7644.972,-295.8776 7648.4717,-305.8777 7651.972,-295.8778 7644.972,-295.8776"/>
</g>
<!-- FileUploadService -->
<g id="node101" class="node">
<title>FileUploadService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="9710" cy="-180" rx="83.3828" ry="18"/>
<text text-anchor="middle" x="9710" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FileUploadService</text>
</g>
<!-- FileUploadService&#45;&gt;FileUploadModule -->
<g id="edge96" class="edge">
<title>FileUploadService&#45;&gt;FileUploadModule</title>
<path fill="none" stroke="#000000" d="M9764.5857,-193.9396C9764.5857,-193.9396 9764.5857,-227.8444 9764.5857,-227.8444"/>
<polygon fill="#000000" stroke="#000000" points="9761.0858,-227.8444 9764.5857,-237.8444 9768.0858,-227.8444 9761.0858,-227.8444"/>
</g>
<!-- FormsComponent -->
<g id="node102" class="node">
<title>FormsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="16816.6109,-122 16699.3891,-122 16699.3891,-86 16816.6109,-86 16816.6109,-122"/>
<text text-anchor="middle" x="16758" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">FormsComponent</text>
</g>
<!-- FormsComponent&#45;&gt;FormModule -->
<g id="edge97" class="edge">
<title>FormsComponent&#45;&gt;FormModule</title>
<path fill="none" stroke="#000000" d="M16715.1932,-122.0109C16715.1932,-122.0109 16715.1932,-151.855 16715.1932,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="16711.6933,-151.8549 16715.1932,-161.855 16718.6933,-151.855 16711.6933,-151.8549"/>
</g>
<!-- ElementsComponent -->
<g id="node103" class="node">
<title>ElementsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="16681.9313,-122 16548.0687,-122 16548.0687,-86 16681.9313,-86 16681.9313,-122"/>
<text text-anchor="middle" x="16615" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ElementsComponent</text>
</g>
<!-- ElementsComponent&#45;&gt;FormModule -->
<g id="edge98" class="edge">
<title>ElementsComponent&#45;&gt;FormModule</title>
<path fill="none" stroke="#000000" d="M16668.1629,-122.0109C16668.1629,-122.0109 16668.1629,-151.855 16668.1629,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="16664.663,-151.8549 16668.1629,-161.855 16671.663,-151.855 16664.663,-151.8549"/>
</g>
<!-- ValidationComponent -->
<g id="node104" class="node">
<title>ValidationComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="17109.4313,-122 16968.5687,-122 16968.5687,-86 17109.4313,-86 17109.4313,-122"/>
<text text-anchor="middle" x="17039" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ValidationComponent</text>
</g>
<!-- ValidationComponent&#45;&gt;FormModule -->
<g id="edge99" class="edge">
<title>ValidationComponent&#45;&gt;FormModule</title>
<path fill="none" stroke="#000000" d="M17039,-122.1985C17039,-146.3563 17039,-186 17039,-186 17039,-186 16741.0662,-186 16741.0662,-186"/>
<polygon fill="#000000" stroke="#000000" points="16741.0663,-182.5001 16731.0662,-186 16741.0662,-189.5001 16741.0663,-182.5001"/>
</g>
<!-- EditorComponent -->
<g id="node105" class="node">
<title>EditorComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="16951.3273,-122 16834.6727,-122 16834.6727,-86 16951.3273,-86 16951.3273,-122"/>
<text text-anchor="middle" x="16893" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">EditorComponent</text>
</g>
<!-- EditorComponent&#45;&gt;FormModule -->
<g id="edge100" class="edge">
<title>EditorComponent&#45;&gt;FormModule</title>
<path fill="none" stroke="#000000" d="M16893,-122.0267C16893,-142.7672 16893,-174 16893,-174 16893,-174 16740.9159,-174 16740.9159,-174"/>
<polygon fill="#000000" stroke="#000000" points="16740.916,-170.5001 16730.9159,-174 16740.9159,-177.5001 16740.916,-170.5001"/>
</g>
<!-- FormsRoutingModule -->
<g id="node107" class="node">
<title>FormsRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="16524.4467,-122 16521.4467,-126 16500.4467,-126 16497.4467,-122 16383.5533,-122 16383.5533,-86 16524.4467,-86 16524.4467,-122"/>
<text text-anchor="middle" x="16454" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">FormsRoutingModule</text>
</g>
<!-- FormsRoutingModule&#45;&gt;FormModule -->
<g id="edge102" class="edge">
<title>FormsRoutingModule&#45;&gt;FormModule</title>
<path fill="none" stroke="#000000" d="M16454,-122.308C16454,-142.1455 16454,-171 16454,-171 16454,-171 16630.993,-171 16630.993,-171"/>
<polygon fill="#000000" stroke="#000000" points="16630.993,-174.5001 16640.993,-171 16630.9929,-167.5001 16630.993,-174.5001"/>
</g>
<!-- HeaderComponent -->
<g id="node108" class="node">
<title>HeaderComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5985.7437,-122 5864.2563,-122 5864.2563,-86 5985.7437,-86 5985.7437,-122"/>
<text text-anchor="middle" x="5925" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">HeaderComponent</text>
</g>
<!-- HeaderComponent&#45;&gt;HeaderModule -->
<g id="edge103" class="edge">
<title>HeaderComponent&#45;&gt;HeaderModule</title>
<path fill="none" stroke="#000000" d="M5922.2756,-122.4218C5922.2756,-131.2791 5922.2756,-140 5922.2756,-140 5922.2756,-140 5622.3421,-140 5622.3421,-140 5622.3421,-140 5622.3421,-151.8726 5622.3421,-151.8726"/>
<polygon fill="#000000" stroke="#000000" points="5618.8422,-151.8725 5622.3421,-161.8726 5625.8422,-151.8726 5618.8422,-151.8725"/>
</g>
<!-- ToolbarUserComponent -->
<g id="node109" class="node">
<title>ToolbarUserComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="5846.0772,-122 5693.9228,-122 5693.9228,-86 5846.0772,-86 5846.0772,-122"/>
<text text-anchor="middle" x="5770" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ToolbarUserComponent</text>
</g>
<!-- ToolbarUserComponent&#45;&gt;HeaderModule -->
<g id="edge104" class="edge">
<title>ToolbarUserComponent&#45;&gt;HeaderModule</title>
<path fill="none" stroke="#000000" d="M5693.6356,-94C5671.2049,-94 5652.5612,-94 5652.5612,-94 5652.5612,-94 5652.5612,-180 5652.5612,-180 5652.5612,-180 5651.5063,-180 5651.5063,-180"/>
<polygon fill="#000000" stroke="#000000" points="5652.0122,-176.5001 5642.0122,-180 5652.0122,-183.5001 5652.0122,-176.5001"/>
</g>
<!-- ToolbarHelpComponent -->
<g id="node110" class="node">
<title>ToolbarHelpComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6368.3627,-122 6215.6373,-122 6215.6373,-86 6368.3627,-86 6368.3627,-122"/>
<text text-anchor="middle" x="6292" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ToolbarHelpComponent</text>
</g>
<!-- ToolbarHelpComponent&#45;&gt;HeaderModule -->
<g id="edge105" class="edge">
<title>ToolbarHelpComponent&#45;&gt;HeaderModule</title>
<path fill="none" stroke="#000000" d="M6227.1971,-122.1299C6227.1971,-132.3145 6227.1971,-143 6227.1971,-143 6227.1971,-143 5632.1613,-143 5632.1613,-143 5632.1613,-143 5632.1613,-151.9336 5632.1613,-151.9336"/>
<polygon fill="#000000" stroke="#000000" points="5628.6613,-151.9335 5632.1613,-161.9336 5635.6613,-151.9336 5628.6613,-151.9335"/>
</g>
<!-- ToolbarNotificationComponent -->
<g id="node111" class="node">
<title>ToolbarNotificationComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6197.8004,-122 6004.1996,-122 6004.1996,-86 6197.8004,-86 6197.8004,-122"/>
<text text-anchor="middle" x="6101" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ToolbarNotificationComponent</text>
</g>
<!-- ToolbarNotificationComponent&#45;&gt;HeaderModule -->
<g id="edge106" class="edge">
<title>ToolbarNotificationComponent&#45;&gt;HeaderModule</title>
<path fill="none" stroke="#000000" d="M6056.8916,-122.1097C6056.8916,-131.897 6056.8916,-142 6056.8916,-142 6056.8916,-142 5627.2517,-142 5627.2517,-142 5627.2517,-142 5627.2517,-151.8903 5627.2517,-151.8903"/>
<polygon fill="#000000" stroke="#000000" points="5623.7518,-151.8903 5627.2517,-161.8903 5630.7518,-151.8904 5623.7518,-151.8903"/>
</g>
<!-- LoadingModule -->
<g id="node112" class="node">
<title>LoadingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="6648.2078,-122 6645.2078,-126 6624.2078,-126 6621.2078,-122 6541.7922,-122 6541.7922,-86 6648.2078,-86 6648.2078,-122"/>
<text text-anchor="middle" x="6595" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">LoadingModule</text>
</g>
<!-- LoadingModule&#45;&gt;HeaderModule -->
<g id="edge108" class="edge">
<title>LoadingModule&#45;&gt;HeaderModule</title>
<path fill="none" stroke="#000000" d="M6546.5649,-122.0555C6546.5649,-133.439 6546.5649,-146 6546.5649,-146 6546.5649,-146 5637.0708,-146 5637.0708,-146 5637.0708,-146 5637.0708,-151.8056 5637.0708,-151.8056"/>
<polygon fill="#000000" stroke="#000000" points="5633.5709,-151.8055 5637.0708,-161.8056 5640.5709,-151.8056 5633.5709,-151.8055"/>
</g>
<!-- LoadingComponent  -->
<g id="node119" class="node">
<title>LoadingComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="15339.9911,-198 15208.0089,-198 15208.0089,-162 15339.9911,-162 15339.9911,-198"/>
<text text-anchor="middle" x="15274" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LoadingComponent </text>
</g>
<!-- LoadingModule&#45;&gt;LoadingComponent  -->
<g id="edge115" class="edge">
<title>LoadingModule&#45;&gt;LoadingComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M6628.7297,-122.1223C6628.7297,-124.9729 6628.7297,-127 6628.7297,-127 6628.7297,-127 15274,-127 15274,-127 15274,-127 15274,-151.7604 15274,-151.7604"/>
<polygon fill="#000000" stroke="#000000" points="15270.5001,-151.7604 15274,-161.7604 15277.5001,-151.7604 15270.5001,-151.7604"/>
</g>
<!-- LoadingDirective  -->
<g id="node120" class="node">
<title>LoadingDirective </title>
<polygon fill="#fb8072" stroke="#000000" points="15190.2408,-198 15071.7592,-198 15071.7592,-162 15190.2408,-162 15190.2408,-198"/>
<text text-anchor="middle" x="15131" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LoadingDirective </text>
</g>
<!-- LoadingModule&#45;&gt;LoadingDirective  -->
<g id="edge116" class="edge">
<title>LoadingModule&#45;&gt;LoadingDirective </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M6609.3557,-122.1903C6609.3557,-125.5376 6609.3557,-128 6609.3557,-128 6609.3557,-128 15131,-128 15131,-128 15131,-128 15131,-151.8129 15131,-151.8129"/>
<polygon fill="#000000" stroke="#000000" points="15127.5001,-151.8129 15131,-161.8129 15134.5001,-151.813 15127.5001,-151.8129"/>
</g>
<!-- HomeComponent -->
<g id="node114" class="node">
<title>HomeComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="17426.5451,-122 17311.4549,-122 17311.4549,-86 17426.5451,-86 17426.5451,-122"/>
<text text-anchor="middle" x="17369" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">HomeComponent</text>
</g>
<!-- HomeComponent&#45;&gt;HomeModule -->
<g id="edge110" class="edge">
<title>HomeComponent&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M17369,-122.0109C17369,-144.4852 17369,-180 17369,-180 17369,-180 17274.9496,-180 17274.9496,-180"/>
<polygon fill="#000000" stroke="#000000" points="17274.9497,-176.5001 17264.9496,-180 17274.9496,-183.5001 17274.9497,-176.5001"/>
</g>
<!-- HomeRoutingModule -->
<g id="node116" class="node">
<title>HomeRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="17287.3795,-122 17284.3795,-126 17263.3795,-126 17260.3795,-122 17148.6205,-122 17148.6205,-86 17287.3795,-86 17287.3795,-122"/>
<text text-anchor="middle" x="17218" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">HomeRoutingModule</text>
</g>
<!-- HomeRoutingModule&#45;&gt;HomeModule -->
<g id="edge112" class="edge">
<title>HomeRoutingModule&#45;&gt;HomeModule</title>
<path fill="none" stroke="#000000" d="M17233.6269,-122.0109C17233.6269,-122.0109 17233.6269,-151.855 17233.6269,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="17230.127,-151.8549 17233.6269,-161.855 17237.127,-151.855 17230.127,-151.8549"/>
</g>
<!-- LoadingComponent -->
<g id="node117" class="node">
<title>LoadingComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="15623.9902,-198 15496.0098,-198 15496.0098,-162 15623.9902,-162 15623.9902,-198"/>
<text text-anchor="middle" x="15560" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LoadingComponent</text>
</g>
<!-- LoadingComponent&#45;&gt;LoadingModule -->
<g id="edge113" class="edge">
<title>LoadingComponent&#45;&gt;LoadingModule</title>
<path fill="none" stroke="#000000" d="M15560,-161.973C15560,-145.6024 15560,-124 15560,-124 15560,-124 6589.9816,-124 6589.9816,-124 6589.9816,-124 6589.9816,-123.8154 6589.9816,-123.8154"/>
<polygon fill="#000000" stroke="#000000" points="6593.4822,-132.1541 6589.9816,-122.1543 6586.4822,-132.1545 6593.4822,-132.1541"/>
</g>
<!-- LoadingDirective -->
<g id="node118" class="node">
<title>LoadingDirective</title>
<polygon fill="#ffffb3" stroke="#000000" points="15478.2409,-198 15363.7591,-198 15363.7591,-162 15478.2409,-162 15478.2409,-198"/>
<text text-anchor="middle" x="15421" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">LoadingDirective</text>
</g>
<!-- LoadingDirective&#45;&gt;LoadingModule -->
<g id="edge114" class="edge">
<title>LoadingDirective&#45;&gt;LoadingModule</title>
<path fill="none" stroke="#000000" d="M15421,-161.9909C15421,-145.9506 15421,-125 15421,-125 15421,-125 6570.6076,-125 6570.6076,-125 6570.6076,-125 6570.6076,-124.708 6570.6076,-124.708"/>
<polygon fill="#000000" stroke="#000000" points="6574.1079,-132.0799 6570.6076,-122.08 6567.1079,-132.0802 6574.1079,-132.0799"/>
</g>
<!-- MailComponent -->
<g id="node121" class="node">
<title>MailComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4494.773,-198 4387.227,-198 4387.227,-162 4494.773,-162 4494.773,-198"/>
<text text-anchor="middle" x="4441" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">MailComponent</text>
</g>
<!-- MailComponent&#45;&gt;MailModule -->
<g id="edge117" class="edge">
<title>MailComponent&#45;&gt;MailModule</title>
<path fill="none" stroke="#000000" d="M4441,-198.2384C4441,-223.4829 4441,-266 4441,-266 4441,-266 4578.6591,-266 4578.6591,-266"/>
<polygon fill="#000000" stroke="#000000" points="4578.6592,-269.5001 4588.6591,-266 4578.6591,-262.5001 4578.6592,-269.5001"/>
</g>
<!-- ComposeComponent -->
<g id="node122" class="node">
<title>ComposeComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4768.219,-198 4633.781,-198 4633.781,-162 4768.219,-162 4768.219,-198"/>
<text text-anchor="middle" x="4701" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ComposeComponent</text>
</g>
<!-- ComposeComponent&#45;&gt;MailModule -->
<g id="edge118" class="edge">
<title>ComposeComponent&#45;&gt;MailModule</title>
<path fill="none" stroke="#000000" d="M4644.1667,-198.0109C4644.1667,-198.0109 4644.1667,-227.855 4644.1667,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="4640.6668,-227.8549 4644.1667,-237.855 4647.6668,-227.855 4640.6668,-227.8549"/>
</g>
<!-- ListComponent -->
<g id="node123" class="node">
<title>ListComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4615.6109,-198 4512.3891,-198 4512.3891,-162 4615.6109,-162 4615.6109,-198"/>
<text text-anchor="middle" x="4564" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ListComponent</text>
</g>
<!-- ListComponent&#45;&gt;MailModule -->
<g id="edge120" class="edge">
<title>ListComponent&#45;&gt;MailModule</title>
<path fill="none" stroke="#000000" d="M4606.7052,-198.0109C4606.7052,-198.0109 4606.7052,-227.855 4606.7052,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="4603.2053,-227.8549 4606.7052,-237.855 4610.2053,-227.855 4603.2053,-227.8549"/>
</g>
<!-- MailRoutingModule -->
<g id="node125" class="node">
<title>MailRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="4362.608,-198 4359.608,-202 4338.608,-202 4335.608,-198 4231.392,-198 4231.392,-162 4362.608,-162 4362.608,-198"/>
<text text-anchor="middle" x="4297" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">MailRoutingModule</text>
</g>
<!-- MailRoutingModule&#45;&gt;MailModule -->
<g id="edge123" class="edge">
<title>MailRoutingModule&#45;&gt;MailModule</title>
<path fill="none" stroke="#000000" d="M4297,-198.2128C4297,-224.5111 4297,-270 4297,-270 4297,-270 4578.8904,-270 4578.8904,-270"/>
<polygon fill="#000000" stroke="#000000" points="4578.8905,-273.5001 4588.8904,-270 4578.8904,-266.5001 4578.8905,-273.5001"/>
</g>
<!-- ToastComponent -->
<g id="node126" class="node">
<title>ToastComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7667.4356,-274 7554.5644,-274 7554.5644,-238 7667.4356,-238 7667.4356,-274"/>
<text text-anchor="middle" x="7611" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">ToastComponent</text>
</g>
<!-- ToastComponent&#45;&gt;MaterialsModule -->
<g id="edge125" class="edge">
<title>ToastComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M7573.5283,-274.2228C7573.5283,-274.2228 7573.5283,-295.7269 7573.5283,-295.7269"/>
<polygon fill="#000000" stroke="#000000" points="7570.0284,-295.7269 7573.5283,-305.7269 7577.0284,-295.727 7570.0284,-295.7269"/>
</g>
<!-- ButtonsComponent -->
<g id="node127" class="node">
<title>ButtonsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7536.3948,-274 7411.6052,-274 7411.6052,-238 7536.3948,-238 7536.3948,-274"/>
<text text-anchor="middle" x="7474" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">ButtonsComponent</text>
</g>
<!-- ButtonsComponent&#45;&gt;MaterialsModule -->
<g id="edge126" class="edge">
<title>ButtonsComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M7474,-274.2396C7474,-289.5706 7474,-309 7474,-309 7474,-309 7544.4859,-309 7544.4859,-309"/>
<polygon fill="#000000" stroke="#000000" points="7544.4859,-312.5001 7554.4859,-309 7544.4859,-305.5001 7544.4859,-312.5001"/>
</g>
<!-- CardsComponent -->
<g id="node128" class="node">
<title>CardsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7393.9888,-274 7280.0112,-274 7280.0112,-238 7393.9888,-238 7393.9888,-274"/>
<text text-anchor="middle" x="7337" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">CardsComponent</text>
</g>
<!-- CardsComponent&#45;&gt;MaterialsModule -->
<g id="edge127" class="edge">
<title>CardsComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M7337,-274.027C7337,-290.3976 7337,-312 7337,-312 7337,-312 7544.5593,-312 7544.5593,-312"/>
<polygon fill="#000000" stroke="#000000" points="7544.5593,-315.5001 7554.5593,-312 7544.5592,-308.5001 7544.5593,-315.5001"/>
</g>
<!-- TooltipsComponent -->
<g id="node129" class="node">
<title>TooltipsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7262.0014,-274 7133.9986,-274 7133.9986,-238 7262.0014,-238 7262.0014,-274"/>
<text text-anchor="middle" x="7198" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">TooltipsComponent</text>
</g>
<!-- TooltipsComponent&#45;&gt;MaterialsModule -->
<g id="edge128" class="edge">
<title>TooltipsComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M7198,-274.0225C7198,-291.3734 7198,-315 7198,-315 7198,-315 7544.4401,-315 7544.4401,-315"/>
<polygon fill="#000000" stroke="#000000" points="7544.4401,-318.5001 7554.4401,-315 7544.44,-311.5001 7544.4401,-318.5001"/>
</g>
<!-- DialogsComponent -->
<g id="node130" class="node">
<title>DialogsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7116.3795,-274 6991.6205,-274 6991.6205,-238 7116.3795,-238 7116.3795,-274"/>
<text text-anchor="middle" x="7054" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">DialogsComponent</text>
</g>
<!-- DialogsComponent&#45;&gt;MaterialsModule -->
<g id="edge129" class="edge">
<title>DialogsComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M7054,-274.2667C7054,-292.5552 7054,-318 7054,-318 7054,-318 7544.7848,-318 7544.7848,-318"/>
<polygon fill="#000000" stroke="#000000" points="7544.7848,-321.5001 7554.7848,-318 7544.7847,-314.5001 7544.7848,-321.5001"/>
</g>
<!-- ListsComponent -->
<g id="node131" class="node">
<title>ListsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6973.0563,-274 6864.9437,-274 6864.9437,-238 6973.0563,-238 6973.0563,-274"/>
<text text-anchor="middle" x="6919" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">ListsComponent</text>
</g>
<!-- ListsComponent&#45;&gt;MaterialsModule -->
<g id="edge130" class="edge">
<title>ListsComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M6919,-274.1061C6919,-293.3391 6919,-321 6919,-321 6919,-321 7544.6641,-321 7544.6641,-321"/>
<polygon fill="#000000" stroke="#000000" points="7544.6642,-324.5001 7554.6641,-321 7544.6641,-317.5001 7544.6642,-324.5001"/>
</g>
<!-- MenuComponent -->
<g id="node132" class="node">
<title>MenuComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="6846.9916,-274 6733.0084,-274 6733.0084,-238 6846.9916,-238 6846.9916,-274"/>
<text text-anchor="middle" x="6790" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">MenuComponent</text>
</g>
<!-- MenuComponent&#45;&gt;MaterialsModule -->
<g id="edge131" class="edge">
<title>MenuComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M6790,-274.2228C6790,-294.3652 6790,-324 6790,-324 6790,-324 7544.5693,-324 7544.5693,-324"/>
<polygon fill="#000000" stroke="#000000" points="7544.5694,-327.5001 7554.5693,-324 7544.5693,-320.5001 7544.5694,-327.5001"/>
</g>
<!-- SliderComponent -->
<g id="node133" class="node">
<title>SliderComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="8211.2716,-274 8096.7284,-274 8096.7284,-238 8211.2716,-238 8211.2716,-274"/>
<text text-anchor="middle" x="8154" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">SliderComponent</text>
</g>
<!-- SliderComponent&#45;&gt;MaterialsModule -->
<g id="edge132" class="edge">
<title>SliderComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M8154,-274.2921C8154,-296.2057 8154,-330 8154,-330 8154,-330 7677.3194,-330 7677.3194,-330"/>
<polygon fill="#000000" stroke="#000000" points="7677.3194,-326.5001 7667.3194,-330 7677.3193,-333.5001 7677.3194,-326.5001"/>
</g>
<!-- TabsComponent -->
<g id="node134" class="node">
<title>TabsComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="8078.0452,-274 7969.9548,-274 7969.9548,-238 8078.0452,-238 8078.0452,-274"/>
<text text-anchor="middle" x="8024" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">TabsComponent</text>
</g>
<!-- TabsComponent&#45;&gt;MaterialsModule -->
<g id="edge133" class="edge">
<title>TabsComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M8024,-274.2228C8024,-294.3652 8024,-324 8024,-324 8024,-324 7677.5599,-324 7677.5599,-324"/>
<polygon fill="#000000" stroke="#000000" points="7677.56,-320.5001 7667.5599,-324 7677.5599,-327.5001 7677.56,-320.5001"/>
</g>
<!-- MarkdownComponent -->
<g id="node135" class="node">
<title>MarkdownComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7951.259,-274 7808.741,-274 7808.741,-238 7951.259,-238 7951.259,-274"/>
<text text-anchor="middle" x="7880" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">MarkdownComponent</text>
</g>
<!-- MarkdownComponent&#45;&gt;MaterialsModule -->
<g id="edge137" class="edge">
<title>MarkdownComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M7880,-274.2667C7880,-292.5552 7880,-318 7880,-318 7880,-318 7677.3912,-318 7677.3912,-318"/>
<polygon fill="#000000" stroke="#000000" points="7677.3912,-314.5001 7667.3912,-318 7677.3912,-321.5001 7677.3912,-314.5001"/>
</g>
<!-- IconComponent -->
<g id="node136" class="node">
<title>IconComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="7791.2078,-274 7684.7922,-274 7684.7922,-238 7791.2078,-238 7791.2078,-274"/>
<text text-anchor="middle" x="7738" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">IconComponent</text>
</g>
<!-- IconComponent&#45;&gt;MaterialsModule -->
<g id="edge140" class="edge">
<title>IconComponent&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M7738,-274.027C7738,-290.3976 7738,-312 7738,-312 7738,-312 7677.4436,-312 7677.4436,-312"/>
<polygon fill="#000000" stroke="#000000" points="7677.4437,-308.5001 7667.4436,-312 7677.4436,-315.5001 7677.4437,-308.5001"/>
</g>
<!-- MaterialsRoutingModule -->
<g id="node138" class="node">
<title>MaterialsRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="6708.5337,-274 6705.5337,-278 6684.5337,-278 6681.5337,-274 6551.4663,-274 6551.4663,-238 6708.5337,-238 6708.5337,-274"/>
<text text-anchor="middle" x="6630" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">MaterialsRoutingModule</text>
</g>
<!-- MaterialsRoutingModule&#45;&gt;MaterialsModule -->
<g id="edge142" class="edge">
<title>MaterialsRoutingModule&#45;&gt;MaterialsModule</title>
<path fill="none" stroke="#000000" d="M6630,-274.2843C6630,-295.3211 6630,-327 6630,-327 6630,-327 7544.7337,-327 7544.7337,-327"/>
<polygon fill="#000000" stroke="#000000" points="7544.7338,-330.5001 7554.7337,-327 7544.7337,-323.5001 7544.7338,-330.5001"/>
</g>
<!-- NavigationComponent -->
<g id="node139" class="node">
<title>NavigationComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4635.5407,-122 4492.4593,-122 4492.4593,-86 4635.5407,-86 4635.5407,-122"/>
<text text-anchor="middle" x="4564" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">NavigationComponent</text>
</g>
<!-- NavigationComponent&#45;&gt;NavigationModule -->
<g id="edge146" class="edge">
<title>NavigationComponent&#45;&gt;NavigationModule</title>
<path fill="none" stroke="#000000" d="M4627.7789,-122.207C4627.7789,-127.5549 4627.7789,-132 4627.7789,-132 4627.7789,-132 5469.7643,-132 5469.7643,-132 5469.7643,-132 5469.7643,-151.8533 5469.7643,-151.8533"/>
<polygon fill="#000000" stroke="#000000" points="5466.2644,-151.8532 5469.7643,-161.8533 5473.2644,-151.8533 5466.2644,-151.8532"/>
</g>
<!-- NavigationComponent&#45;&gt;NavigationModule -->
<g id="edge149" class="edge">
<title>NavigationComponent&#45;&gt;NavigationModule</title>
<path fill="none" stroke="#000000" d="M4621.6671,-122.1432C4621.6671,-128.4611 4621.6671,-134 4621.6671,-134 4621.6671,-134 5456.2357,-134 5456.2357,-134 5456.2357,-134 5456.2357,-151.8196 5456.2357,-151.8196"/>
<polygon fill="#000000" stroke="#000000" points="5452.7358,-151.8195 5456.2357,-161.8196 5459.7358,-151.8196 5452.7358,-151.8195"/>
</g>
<!-- NavigationRoutingModule -->
<g id="node140" class="node">
<title>NavigationRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="4296.3752,-122 4293.3752,-126 4272.3752,-126 4269.3752,-122 4129.6248,-122 4129.6248,-86 4296.3752,-86 4296.3752,-122"/>
<text text-anchor="middle" x="4213" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">NavigationRoutingModule</text>
</g>
<!-- NavigationRoutingModule&#45;&gt;NavigationModule -->
<g id="edge148" class="edge">
<title>NavigationRoutingModule&#45;&gt;NavigationModule</title>
<path fill="none" stroke="#000000" d="M4263.9418,-122.2434C4263.9418,-129.4297 4263.9418,-136 4263.9418,-136 4263.9418,-136 5429.1785,-136 5429.1785,-136 5429.1785,-136 5429.1785,-151.8495 5429.1785,-151.8495"/>
<polygon fill="#000000" stroke="#000000" points="5425.6786,-151.8494 5429.1785,-161.8495 5432.6786,-151.8495 5425.6786,-151.8494"/>
</g>
<!-- NavCollapseComponent -->
<g id="node141" class="node">
<title>NavCollapseComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4473.6456,-122 4320.3544,-122 4320.3544,-86 4473.6456,-86 4473.6456,-122"/>
<text text-anchor="middle" x="4397" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">NavCollapseComponent</text>
</g>
<!-- NavCollapseComponent&#45;&gt;NavigationModule -->
<g id="edge150" class="edge">
<title>NavCollapseComponent&#45;&gt;NavigationModule</title>
<path fill="none" stroke="#000000" d="M4430.4681,-122.0328C4430.4681,-128.8526 4430.4681,-135 4430.4681,-135 4430.4681,-135 5442.7071,-135 5442.7071,-135 5442.7071,-135 5442.7071,-151.9561 5442.7071,-151.9561"/>
<polygon fill="#000000" stroke="#000000" points="5439.2072,-151.956 5442.7071,-161.9561 5446.2072,-151.9561 5439.2072,-151.956"/>
</g>
<!-- NavItemComponent -->
<g id="node142" class="node">
<title>NavItemComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="4784.3104,-122 4653.6896,-122 4653.6896,-86 4784.3104,-86 4784.3104,-122"/>
<text text-anchor="middle" x="4719" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">NavItemComponent</text>
</g>
<!-- NavItemComponent&#45;&gt;NavigationModule -->
<g id="edge151" class="edge">
<title>NavItemComponent&#45;&gt;NavigationModule</title>
<path fill="none" stroke="#000000" d="M4784.1632,-101C4968.9906,-101 5483.2929,-101 5483.2929,-101 5483.2929,-101 5483.2929,-151.6772 5483.2929,-151.6772"/>
<polygon fill="#000000" stroke="#000000" points="5479.793,-151.6772 5483.2929,-161.6772 5486.793,-151.6773 5479.793,-151.6772"/>
</g>
<!-- NavigationService -->
<g id="node144" class="node">
<title>NavigationService</title>
<ellipse fill="#fdb462" stroke="#000000" cx="3851" cy="-104" rx="82.8032" ry="18"/>
<text text-anchor="middle" x="3851" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">NavigationService</text>
</g>
<!-- NavigationService&#45;&gt;NavigationModule -->
<g id="edge153" class="edge">
<title>NavigationService&#45;&gt;NavigationModule</title>
<path fill="none" stroke="#000000" d="M3920.4123,-113.936C3920.4123,-124.2835 3920.4123,-139 3920.4123,-139 3920.4123,-139 5415.6499,-139 5415.6499,-139 5415.6499,-139 5415.6499,-151.8975 5415.6499,-151.8975"/>
<polygon fill="#000000" stroke="#000000" points="5412.15,-151.8974 5415.6499,-161.8975 5419.15,-151.8975 5412.15,-151.8974"/>
</g>
<!-- NotificationComponent -->
<g id="node145" class="node">
<title>NotificationComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="20534.4818,-122 20385.5182,-122 20385.5182,-86 20534.4818,-86 20534.4818,-122"/>
<text text-anchor="middle" x="20460" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">NotificationComponent</text>
</g>
<!-- NotificaitonModule -->
<g id="node146" class="node">
<title>NotificaitonModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="20523.6994,-198 20520.6994,-202 20499.6994,-202 20496.6994,-198 20396.3006,-198 20396.3006,-162 20523.6994,-162 20523.6994,-198"/>
<text text-anchor="middle" x="20460" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">NotificaitonModule</text>
</g>
<!-- NotificationComponent&#45;&gt;NotificaitonModule -->
<g id="edge154" class="edge">
<title>NotificationComponent&#45;&gt;NotificaitonModule</title>
<path fill="none" stroke="#000000" d="M20460,-122.0109C20460,-122.0109 20460,-151.855 20460,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="20456.5001,-151.8549 20460,-161.855 20463.5001,-151.855 20456.5001,-151.8549"/>
</g>
<!-- NotificationComponent  -->
<g id="node147" class="node">
<title>NotificationComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="20536.4826,-274 20383.5174,-274 20383.5174,-238 20536.4826,-238 20536.4826,-274"/>
<text text-anchor="middle" x="20460" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">NotificationComponent </text>
</g>
<!-- NotificaitonModule&#45;&gt;NotificationComponent  -->
<g id="edge155" class="edge">
<title>NotificaitonModule&#45;&gt;NotificationComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M20460,-198.0109C20460,-198.0109 20460,-227.855 20460,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="20456.5001,-227.8549 20460,-237.855 20463.5001,-227.855 20456.5001,-227.8549"/>
</g>
<!-- NotificationContainerDirective -->
<g id="node148" class="node">
<title>NotificationContainerDirective</title>
<polygon fill="#ffffb3" stroke="#000000" points="20768.4398,-122 20577.5602,-122 20577.5602,-86 20768.4398,-86 20768.4398,-122"/>
<text text-anchor="middle" x="20673" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">NotificationContainerDirective</text>
</g>
<!-- NotificationContainerModule -->
<g id="node149" class="node">
<title>NotificationContainerModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="20764.4073,-198 20761.4073,-202 20740.4073,-202 20737.4073,-198 20581.5927,-198 20581.5927,-162 20764.4073,-162 20764.4073,-198"/>
<text text-anchor="middle" x="20673" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">NotificationContainerModule</text>
</g>
<!-- NotificationContainerDirective&#45;&gt;NotificationContainerModule -->
<g id="edge156" class="edge">
<title>NotificationContainerDirective&#45;&gt;NotificationContainerModule</title>
<path fill="none" stroke="#000000" d="M20673,-122.0109C20673,-122.0109 20673,-151.855 20673,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="20669.5001,-151.8549 20673,-161.855 20676.5001,-151.855 20669.5001,-151.8549"/>
</g>
<!-- NotificationContainerDirective  -->
<g id="node150" class="node">
<title>NotificationContainerDirective </title>
<polygon fill="#fb8072" stroke="#000000" points="20770.4403,-274 20575.5597,-274 20575.5597,-238 20770.4403,-238 20770.4403,-274"/>
<text text-anchor="middle" x="20673" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">NotificationContainerDirective </text>
</g>
<!-- NotificationContainerModule&#45;&gt;NotificationContainerDirective  -->
<g id="edge157" class="edge">
<title>NotificationContainerModule&#45;&gt;NotificationContainerDirective </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M20673,-198.0109C20673,-198.0109 20673,-227.855 20673,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="20669.5001,-227.8549 20673,-237.855 20676.5001,-227.855 20669.5001,-227.8549"/>
</g>
<!-- FullwidthComponent -->
<g id="node151" class="node">
<title>FullwidthComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="17802.7842,-122 17667.2158,-122 17667.2158,-86 17802.7842,-86 17802.7842,-122"/>
<text text-anchor="middle" x="17735" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">FullwidthComponent</text>
</g>
<!-- FullwidthComponent&#45;&gt;PageLayoutsModule -->
<g id="edge158" class="edge">
<title>FullwidthComponent&#45;&gt;PageLayoutsModule</title>
<path fill="none" stroke="#000000" d="M17735,-122.0109C17735,-144.4852 17735,-180 17735,-180 17735,-180 17631.0033,-180 17631.0033,-180"/>
<polygon fill="#000000" stroke="#000000" points="17631.0033,-176.5001 17621.0033,-180 17631.0032,-183.5001 17631.0033,-176.5001"/>
</g>
<!-- PageLayoutsRoutingModule -->
<g id="node153" class="node">
<title>PageLayoutsRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="17643.4818,-122 17640.4818,-126 17619.4818,-126 17616.4818,-122 17466.5182,-122 17466.5182,-86 17643.4818,-86 17643.4818,-122"/>
<text text-anchor="middle" x="17555" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">PageLayoutsRoutingModule</text>
</g>
<!-- PageLayoutsRoutingModule&#45;&gt;PageLayoutsModule -->
<g id="edge160" class="edge">
<title>PageLayoutsRoutingModule&#45;&gt;PageLayoutsModule</title>
<path fill="none" stroke="#000000" d="M17576.9773,-122.0109C17576.9773,-122.0109 17576.9773,-151.855 17576.9773,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="17573.4774,-151.8549 17576.9773,-161.855 17580.4774,-151.855 17573.4774,-151.8549"/>
</g>
<!-- PagesComponent -->
<g id="node154" class="node">
<title>PagesComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="15031.9888,-198 14918.0112,-198 14918.0112,-162 15031.9888,-162 15031.9888,-198"/>
<text text-anchor="middle" x="14975" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">PagesComponent</text>
</g>
<!-- PagesComponent&#45;&gt;PagesModule -->
<g id="edge161" class="edge">
<title>PagesComponent&#45;&gt;PagesModule</title>
<path fill="none" stroke="#000000" d="M14975,-198.2337C14975,-224.0094 14975,-268 14975,-268 14975,-268 14356.1298,-268 14356.1298,-268"/>
<polygon fill="#000000" stroke="#000000" points="14356.1299,-264.5001 14346.1298,-268 14356.1298,-271.5001 14356.1299,-264.5001"/>
</g>
<!-- AboutComponent -->
<g id="node155" class="node">
<title>AboutComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="14900.3301,-198 14783.6699,-198 14783.6699,-162 14900.3301,-162 14900.3301,-198"/>
<text text-anchor="middle" x="14842" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">AboutComponent</text>
</g>
<!-- AboutComponent&#45;&gt;PagesModule -->
<g id="edge162" class="edge">
<title>AboutComponent&#45;&gt;PagesModule</title>
<path fill="none" stroke="#000000" d="M14842,-198.1985C14842,-222.3563 14842,-262 14842,-262 14842,-262 14356.2106,-262 14356.2106,-262"/>
<polygon fill="#000000" stroke="#000000" points="14356.2107,-258.5001 14346.2106,-262 14356.2106,-265.5001 14356.2107,-258.5001"/>
</g>
<!-- ServicesComponent -->
<g id="node156" class="node">
<title>ServicesComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="14765.2548,-198 14636.7452,-198 14636.7452,-162 14765.2548,-162 14765.2548,-198"/>
<text text-anchor="middle" x="14701" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ServicesComponent</text>
</g>
<!-- ServicesComponent&#45;&gt;PagesModule -->
<g id="edge164" class="edge">
<title>ServicesComponent&#45;&gt;PagesModule</title>
<path fill="none" stroke="#000000" d="M14701,-198.0109C14701,-220.4852 14701,-256 14701,-256 14701,-256 14356.3915,-256 14356.3915,-256"/>
<polygon fill="#000000" stroke="#000000" points="14356.3916,-252.5001 14346.3915,-256 14356.3915,-259.5001 14356.3916,-252.5001"/>
</g>
<!-- BlogComponent -->
<g id="node157" class="node">
<title>BlogComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="14618.0605,-198 14509.9395,-198 14509.9395,-162 14618.0605,-162 14618.0605,-198"/>
<text text-anchor="middle" x="14564" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">BlogComponent</text>
</g>
<!-- BlogComponent&#45;&gt;PagesModule -->
<g id="edge165" class="edge">
<title>BlogComponent&#45;&gt;PagesModule</title>
<path fill="none" stroke="#000000" d="M14564,-198.0267C14564,-218.7672 14564,-250 14564,-250 14564,-250 14356.2874,-250 14356.2874,-250"/>
<polygon fill="#000000" stroke="#000000" points="14356.2874,-246.5001 14346.2874,-250 14356.2874,-253.5001 14356.2874,-246.5001"/>
</g>
<!-- ProfileComponent -->
<g id="node158" class="node">
<title>ProfileComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="14491.9328,-198 14372.0672,-198 14372.0672,-162 14491.9328,-162 14491.9328,-198"/>
<text text-anchor="middle" x="14432" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProfileComponent</text>
</g>
<!-- ProfileComponent&#45;&gt;PagesModule -->
<g id="edge166" class="edge">
<title>ProfileComponent&#45;&gt;PagesModule</title>
<path fill="none" stroke="#000000" d="M14432,-198.1686C14432,-217.0898 14432,-244 14432,-244 14432,-244 14356.1672,-244 14356.1672,-244"/>
<polygon fill="#000000" stroke="#000000" points="14356.1672,-240.5001 14346.1672,-244 14356.1672,-247.5001 14356.1672,-240.5001"/>
</g>
<!-- UserComponent -->
<g id="node159" class="node">
<title>UserComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="14353.7591,-198 14246.2409,-198 14246.2409,-162 14353.7591,-162 14353.7591,-198"/>
<text text-anchor="middle" x="14300" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">UserComponent</text>
</g>
<!-- UserComponent&#45;&gt;PagesModule -->
<g id="edge167" class="edge">
<title>UserComponent&#45;&gt;PagesModule</title>
<path fill="none" stroke="#000000" d="M14300,-198.0109C14300,-198.0109 14300,-227.855 14300,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="14296.5001,-227.8549 14300,-237.855 14303.5001,-227.855 14296.5001,-227.8549"/>
</g>
<!-- FileManagerComponent -->
<g id="node160" class="node">
<title>FileManagerComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="14228.3599,-198 14075.6401,-198 14075.6401,-162 14228.3599,-162 14228.3599,-198"/>
<text text-anchor="middle" x="14152" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FileManagerComponent</text>
</g>
<!-- FileManagerComponent&#45;&gt;PagesModule -->
<g id="edge168" class="edge">
<title>FileManagerComponent&#45;&gt;PagesModule</title>
<path fill="none" stroke="#000000" d="M14152,-198.0109C14152,-220.4852 14152,-256 14152,-256 14152,-256 14243.5779,-256 14243.5779,-256"/>
<polygon fill="#000000" stroke="#000000" points="14243.578,-259.5001 14253.5779,-256 14243.5779,-252.5001 14243.578,-259.5001"/>
</g>
<!-- ProjectComponent -->
<g id="node161" class="node">
<title>ProjectComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="14057.486,-198 13936.514,-198 13936.514,-162 14057.486,-162 14057.486,-198"/>
<text text-anchor="middle" x="13997" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">ProjectComponent</text>
</g>
<!-- ProjectComponent&#45;&gt;PagesModule -->
<g id="edge169" class="edge">
<title>ProjectComponent&#45;&gt;PagesModule</title>
<path fill="none" stroke="#000000" d="M13997,-198.1532C13997,-221.7566 13997,-260 13997,-260 13997,-260 14243.651,-260 14243.651,-260"/>
<polygon fill="#000000" stroke="#000000" points="14243.651,-263.5001 14253.651,-260 14243.651,-256.5001 14243.651,-263.5001"/>
</g>
<!-- PagesRoutingModule -->
<g id="node163" class="node">
<title>PagesRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="13912.8244,-198 13909.8244,-202 13888.8244,-202 13885.8244,-198 13775.1756,-198 13775.1756,-162 13912.8244,-162 13912.8244,-198"/>
<text text-anchor="middle" x="13844" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">PagesRoutingModule</text>
</g>
<!-- PagesRoutingModule&#45;&gt;PagesModule -->
<g id="edge171" class="edge">
<title>PagesRoutingModule&#45;&gt;PagesModule</title>
<path fill="none" stroke="#000000" d="M13844,-198.2267C13844,-222.9318 13844,-264 13844,-264 13844,-264 14243.7668,-264 14243.7668,-264"/>
<polygon fill="#000000" stroke="#000000" points="14243.7669,-267.5001 14253.7668,-264 14243.7668,-260.5001 14243.7669,-267.5001"/>
</g>
<!-- FileManagerFirebase -->
<g id="node164" class="node">
<title>FileManagerFirebase</title>
<ellipse fill="#fdb462" stroke="#000000" cx="13658" cy="-180" rx="93.1716" ry="18"/>
<text text-anchor="middle" x="13658" y="-175.8" font-family="Times,serif" font-size="14.00" fill="#000000">FileManagerFirebase</text>
</g>
<!-- FileManagerFirebase&#45;&gt;PagesModule -->
<g id="edge173" class="edge">
<title>FileManagerFirebase&#45;&gt;PagesModule</title>
<path fill="none" stroke="#000000" d="M13658,-198.0265C13658,-223.5093 13658,-267 13658,-267 13658,-267 14243.8289,-267 14243.8289,-267"/>
<polygon fill="#000000" stroke="#000000" points="14243.829,-270.5001 14253.8289,-267 14243.8289,-263.5001 14243.829,-270.5001"/>
</g>
<!-- SearchComponent -->
<g id="node165" class="node">
<title>SearchComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="9586.9201,-274 9467.0799,-274 9467.0799,-238 9586.9201,-238 9586.9201,-274"/>
<text text-anchor="middle" x="9527" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">SearchComponent</text>
</g>
<!-- SearchComponent&#45;&gt;SearchModule -->
<g id="edge174" class="edge">
<title>SearchComponent&#45;&gt;SearchModule</title>
<path fill="none" stroke="#000000" d="M9527,-237.8495C9527,-225.7292 9527,-212 9527,-212 9527,-212 6452.2363,-212 6452.2363,-212 6452.2363,-212 6452.2363,-208.2434 6452.2363,-208.2434"/>
<polygon fill="#000000" stroke="#000000" points="6455.7364,-208.2434 6452.2363,-198.2434 6448.7364,-208.2434 6455.7364,-208.2434"/>
</g>
<!-- SidenavComponent -->
<g id="node167" class="node">
<title>SidenavComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="18094.4356,-122 17967.5644,-122 17967.5644,-86 18094.4356,-86 18094.4356,-122"/>
<text text-anchor="middle" x="18031" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">SidenavComponent</text>
</g>
<!-- SidenavComponent&#45;&gt;SidenavModule -->
<g id="edge177" class="edge">
<title>SidenavComponent&#45;&gt;SidenavModule</title>
<path fill="none" stroke="#000000" d="M18033.5924,-122.0109C18033.5924,-144.4852 18033.5924,-180 18033.5924,-180 18033.5924,-180 17964.3869,-180 17964.3869,-180"/>
<polygon fill="#000000" stroke="#000000" points="17964.3869,-176.5001 17954.3869,-180 17964.3869,-183.5001 17964.3869,-176.5001"/>
</g>
<!-- ItemComponent -->
<g id="node168" class="node">
<title>ItemComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="17949.4888,-122 17842.5112,-122 17842.5112,-86 17949.4888,-86 17949.4888,-122"/>
<text text-anchor="middle" x="17896" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">ItemComponent</text>
</g>
<!-- ItemComponent&#45;&gt;SidenavModule -->
<g id="edge178" class="edge">
<title>ItemComponent&#45;&gt;SidenavModule</title>
<path fill="none" stroke="#000000" d="M17916.2209,-122.0109C17916.2209,-122.0109 17916.2209,-151.855 17916.2209,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="17912.721,-151.8549 17916.2209,-161.855 17919.721,-151.855 17912.721,-151.8549"/>
</g>
<!-- SidenavComponent  -->
<g id="node170" class="node">
<title>SidenavComponent </title>
<polygon fill="#fb8072" stroke="#000000" points="17972.9348,-274 17843.0652,-274 17843.0652,-238 17972.9348,-238 17972.9348,-274"/>
<text text-anchor="middle" x="17908" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">SidenavComponent </text>
</g>
<!-- SidenavModule&#45;&gt;SidenavComponent  -->
<g id="edge180" class="edge">
<title>SidenavModule&#45;&gt;SidenavComponent </title>
<path fill="none" stroke="#000000" stroke-dasharray="5,2" d="M17902,-198.0109C17902,-198.0109 17902,-227.855 17902,-227.855"/>
<polygon fill="#000000" stroke="#000000" points="17898.5001,-227.8549 17902,-237.855 17905.5001,-227.855 17898.5001,-227.8549"/>
</g>
<!-- TablesComponent -->
<g id="node171" class="node">
<title>TablesComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="18742.1499,-122 18623.8501,-122 18623.8501,-86 18742.1499,-86 18742.1499,-122"/>
<text text-anchor="middle" x="18683" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">TablesComponent</text>
</g>
<!-- TablesComponent&#45;&gt;TablesModule -->
<g id="edge181" class="edge">
<title>TablesComponent&#45;&gt;TablesModule</title>
<path fill="none" stroke="#000000" d="M18644.0544,-122.0109C18644.0544,-122.0109 18644.0544,-151.855 18644.0544,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="18640.5544,-151.8549 18644.0544,-161.855 18647.5544,-151.855 18640.5544,-151.8549"/>
</g>
<!-- StaticComponent -->
<g id="node172" class="node">
<title>StaticComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="18605.7162,-122 18492.2838,-122 18492.2838,-86 18605.7162,-86 18605.7162,-122"/>
<text text-anchor="middle" x="18549" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">StaticComponent</text>
</g>
<!-- StaticComponent&#45;&gt;TablesModule -->
<g id="edge182" class="edge">
<title>StaticComponent&#45;&gt;TablesModule</title>
<path fill="none" stroke="#000000" d="M18592.9275,-122.0109C18592.9275,-122.0109 18592.9275,-151.855 18592.9275,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="18589.4276,-151.8549 18592.9275,-161.855 18596.4276,-151.855 18589.4276,-151.8549"/>
</g>
<!-- DatatableComponent -->
<g id="node173" class="node">
<title>DatatableComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="19046.4692,-122 18911.5308,-122 18911.5308,-86 19046.4692,-86 19046.4692,-122"/>
<text text-anchor="middle" x="18979" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">DatatableComponent</text>
</g>
<!-- DatatableComponent&#45;&gt;TablesModule -->
<g id="edge183" class="edge">
<title>DatatableComponent&#45;&gt;TablesModule</title>
<path fill="none" stroke="#000000" d="M18979,-122.0267C18979,-142.7672 18979,-174 18979,-174 18979,-174 18674.5791,-174 18674.5791,-174"/>
<polygon fill="#000000" stroke="#000000" points="18674.5792,-170.5001 18664.5791,-174 18674.5791,-177.5001 18674.5792,-170.5001"/>
</g>
<!-- DynamicComponent -->
<g id="node174" class="node">
<title>DynamicComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="18893.1499,-122 18760.8501,-122 18760.8501,-86 18893.1499,-86 18893.1499,-122"/>
<text text-anchor="middle" x="18827" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">DynamicComponent</text>
</g>
<!-- DynamicComponent&#45;&gt;TablesModule -->
<g id="edge184" class="edge">
<title>DynamicComponent&#45;&gt;TablesModule</title>
<path fill="none" stroke="#000000" d="M18827,-122.1686C18827,-141.0898 18827,-168 18827,-168 18827,-168 18674.4077,-168 18674.4077,-168"/>
<polygon fill="#000000" stroke="#000000" points="18674.4077,-164.5001 18664.4077,-168 18674.4076,-171.5001 18674.4077,-164.5001"/>
</g>
<!-- TablesRoutingModule -->
<g id="node176" class="node">
<title>TablesRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="18467.9846,-122 18464.9846,-126 18443.9846,-126 18440.9846,-122 18326.0154,-122 18326.0154,-86 18467.9846,-86 18467.9846,-122"/>
<text text-anchor="middle" x="18397" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">TablesRoutingModule</text>
</g>
<!-- TablesRoutingModule&#45;&gt;TablesModule -->
<g id="edge186" class="edge">
<title>TablesRoutingModule&#45;&gt;TablesModule</title>
<path fill="none" stroke="#000000" d="M18397,-122.0109C18397,-144.4852 18397,-180 18397,-180 18397,-180 18557.3968,-180 18557.3968,-180"/>
<polygon fill="#000000" stroke="#000000" points="18557.3968,-183.5001 18567.3968,-180 18557.3968,-176.5001 18557.3968,-183.5001"/>
</g>
<!-- TodoComponent -->
<g id="node177" class="node">
<title>TodoComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="20177.3851,-122 20066.6149,-122 20066.6149,-86 20177.3851,-86 20177.3851,-122"/>
<text text-anchor="middle" x="20122" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">TodoComponent</text>
</g>
<!-- TodoComponent&#45;&gt;TodoModule -->
<g id="edge187" class="edge">
<title>TodoComponent&#45;&gt;TodoModule</title>
<path fill="none" stroke="#000000" d="M20122,-122.1532C20122,-145.7566 20122,-184 20122,-184 20122,-184 19712.9119,-184 19712.9119,-184"/>
<polygon fill="#000000" stroke="#000000" points="19712.9119,-180.5001 19702.9119,-184 19712.9118,-187.5001 19712.9119,-180.5001"/>
</g>
<!-- TodoHeaderComponent -->
<g id="node178" class="node">
<title>TodoHeaderComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="20048.7963,-122 19897.2037,-122 19897.2037,-86 20048.7963,-86 20048.7963,-122"/>
<text text-anchor="middle" x="19973" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">TodoHeaderComponent</text>
</g>
<!-- TodoHeaderComponent&#45;&gt;TodoModule -->
<g id="edge188" class="edge">
<title>TodoHeaderComponent&#45;&gt;TodoModule</title>
<path fill="none" stroke="#000000" d="M19973,-122.0449C19973,-143.6623 19973,-177 19973,-177 19973,-177 19712.7973,-177 19712.7973,-177"/>
<polygon fill="#000000" stroke="#000000" points="19712.7973,-173.5001 19702.7973,-177 19712.7973,-180.5001 19712.7973,-173.5001"/>
</g>
<!-- TodoItemComponent -->
<g id="node179" class="node">
<title>TodoItemComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="19879.0422,-122 19742.9578,-122 19742.9578,-86 19879.0422,-86 19879.0422,-122"/>
<text text-anchor="middle" x="19811" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">TodoItemComponent</text>
</g>
<!-- TodoItemComponent&#45;&gt;TodoModule -->
<g id="edge189" class="edge">
<title>TodoItemComponent&#45;&gt;TodoModule</title>
<path fill="none" stroke="#000000" d="M19811,-122.0348C19811,-141.5762 19811,-170 19811,-170 19811,-170 19712.6652,-170 19712.6652,-170"/>
<polygon fill="#000000" stroke="#000000" points="19712.6653,-166.5001 19702.6652,-170 19712.6652,-173.5001 19712.6653,-166.5001"/>
</g>
<!-- TodoListComponent -->
<g id="node180" class="node">
<title>TodoListComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="19724.1638,-122 19591.8362,-122 19591.8362,-86 19724.1638,-86 19724.1638,-122"/>
<text text-anchor="middle" x="19658" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">TodoListComponent</text>
</g>
<!-- TodoListComponent&#45;&gt;TodoModule -->
<g id="edge190" class="edge">
<title>TodoListComponent&#45;&gt;TodoModule</title>
<path fill="none" stroke="#000000" d="M19672.8504,-122.0109C19672.8504,-122.0109 19672.8504,-151.855 19672.8504,-151.855"/>
<polygon fill="#000000" stroke="#000000" points="19669.3505,-151.8549 19672.8504,-161.855 19676.3505,-151.855 19669.3505,-151.8549"/>
</g>
<!-- TodoSidenavComponent -->
<g id="node181" class="node">
<title>TodoSidenavComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="19573.9874,-122 19418.0126,-122 19418.0126,-86 19573.9874,-86 19573.9874,-122"/>
<text text-anchor="middle" x="19496" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">TodoSidenavComponent</text>
</g>
<!-- TodoSidenavComponent&#45;&gt;TodoModule -->
<g id="edge191" class="edge">
<title>TodoSidenavComponent&#45;&gt;TodoModule</title>
<path fill="none" stroke="#000000" d="M19496,-122.0109C19496,-144.4852 19496,-180 19496,-180 19496,-180 19603.304,-180 19603.304,-180"/>
<polygon fill="#000000" stroke="#000000" points="19603.304,-183.5001 19613.304,-180 19603.3039,-176.5001 19603.304,-183.5001"/>
</g>
<!-- TodoToolbarComponent -->
<g id="node182" class="node">
<title>TodoToolbarComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="19399.7035,-122 19244.2965,-122 19244.2965,-86 19399.7035,-86 19399.7035,-122"/>
<text text-anchor="middle" x="19322" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">TodoToolbarComponent</text>
</g>
<!-- TodoToolbarComponent&#45;&gt;TodoModule -->
<g id="edge192" class="edge">
<title>TodoToolbarComponent&#45;&gt;TodoModule</title>
<path fill="none" stroke="#000000" d="M19322,-122.1985C19322,-146.3563 19322,-186 19322,-186 19322,-186 19603.3818,-186 19603.3818,-186"/>
<polygon fill="#000000" stroke="#000000" points="19603.3818,-189.5001 19613.3818,-186 19603.3818,-182.5001 19603.3818,-189.5001"/>
</g>
<!-- TodoSearchComponent -->
<g id="node183" class="node">
<title>TodoSearchComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="20344.472,-122 20195.528,-122 20195.528,-86 20344.472,-86 20344.472,-122"/>
<text text-anchor="middle" x="20270" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">TodoSearchComponent</text>
</g>
<!-- TodoSearchComponent&#45;&gt;TodoModule -->
<g id="edge193" class="edge">
<title>TodoSearchComponent&#45;&gt;TodoModule</title>
<path fill="none" stroke="#000000" d="M20270,-122.0265C20270,-147.5093 20270,-191 20270,-191 20270,-191 19713.0018,-191 19713.0018,-191"/>
<polygon fill="#000000" stroke="#000000" points="19713.0019,-187.5001 19703.0018,-191 19713.0018,-194.5001 19713.0019,-187.5001"/>
</g>
<!-- TodoRoutingModule -->
<g id="node185" class="node">
<title>TodoRoutingModule</title>
<polygon fill="#8dd3c7" stroke="#000000" points="19220.2204,-122 19217.2204,-126 19196.2204,-126 19193.2204,-122 19085.7796,-122 19085.7796,-86 19220.2204,-86 19220.2204,-122"/>
<text text-anchor="middle" x="19153" y="-99.8" font-family="Times,serif" font-size="14.00" fill="#000000">TodoRoutingModule</text>
</g>
<!-- TodoRoutingModule&#45;&gt;TodoModule -->
<g id="edge195" class="edge">
<title>TodoRoutingModule&#45;&gt;TodoModule</title>
<path fill="none" stroke="#000000" d="M19153,-122.2337C19153,-148.0094 19153,-192 19153,-192 19153,-192 19603.1846,-192 19603.1846,-192"/>
<polygon fill="#000000" stroke="#000000" points="19603.1847,-195.5001 19613.1846,-192 19603.1846,-188.5001 19603.1847,-195.5001"/>
</g>
<!-- StateComponent -->
<g id="node186" class="node">
<title>StateComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="10676.8259,-274 10567.1741,-274 10567.1741,-238 10676.8259,-238 10676.8259,-274"/>
<text text-anchor="middle" x="10622" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">StateComponent</text>
</g>
<!-- StateComponent&#45;&gt;WidgetModule -->
<g id="edge196" class="edge">
<title>StateComponent&#45;&gt;WidgetModule</title>
<path fill="none" stroke="#000000" d="M10676.743,-269C10711.5892,-269 10750.2066,-269 10750.2066,-269 10750.2066,-269 10750.2066,-208.0105 10750.2066,-208.0105"/>
<polygon fill="#000000" stroke="#000000" points="10753.7067,-208.0104 10750.2066,-198.0105 10746.7067,-208.0105 10753.7067,-208.0104"/>
</g>
<!-- SwitchComponent -->
<g id="node187" class="node">
<title>SwitchComponent</title>
<polygon fill="#ffffb3" stroke="#000000" points="10549.2176,-274 10428.7824,-274 10428.7824,-238 10549.2176,-238 10549.2176,-274"/>
<text text-anchor="middle" x="10489" y="-251.8" font-family="Times,serif" font-size="14.00" fill="#000000">SwitchComponent</text>
</g>
<!-- SwitchComponent&#45;&gt;WidgetModule -->
<g id="edge197" class="edge">
<title>SwitchComponent&#45;&gt;WidgetModule</title>
<path fill="none" stroke="#000000" d="M10489,-237.692C10489,-217.8545 10489,-189 10489,-189 10489,-189 10706.6563,-189 10706.6563,-189"/>
<polygon fill="#000000" stroke="#000000" points="10706.6563,-192.5001 10716.6563,-189 10706.6563,-185.5001 10706.6563,-192.5001"/>
</g>
</g>
</svg>

                </div>
                <i id="fullscreen" class="fa fa-expand module-graph-fullscreen-btn" aria-hidden="true"></i>
                <div class="btn-group">
                    <button id="zoom-in" class="btn btn-default btn-sm">Zoom in</button>
                    <button id="reset" class="btn btn-default btn-sm">Reset</button>
                    <button id="zoom-out" class="btn btn-default btn-sm">Zoom out</button>
                </div>
            </div>
<div class="container-fluid overview">
    <div class="row">
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-archive"></span></h4>
                        <p class="card-text">
                            <a href="./modules.html">49 modules</a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-cogs"></span></h4>
                        <p class="card-text">121 components</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-code"></span></h4>
                        <p class="card-text">5 directives</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-code-fork"></span></h4>
                        <p class="card-text">17 injectables</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-plus"></span></h4>
                        <p class="card-text">1 pipe</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-file-code-o"></span></h4>
                        <p class="card-text">9 classes</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-info"></span></h4>
                        <p class="card-text">5 interfaces</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="card text-center">
                    <div class="card-block">
                        <h4 class="card-title"><span class="fa fa-code-fork"></span></h4>
                        <p class="card-text">
                            <a href="./routes.html">141 routes</a>
                        </p>
                    </div>
                </div>
            </div>
    </div>
</div>
<script src="js/libs/svg-pan-zoom.min.js"></script>
<script src="js/svg-pan-zoom.controls.js"></script>












                   </div><div class="search-results">
    <div class="has-results">
        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
        <ul class="search-results-list"></ul>
    </div>
    <div class="no-results">
        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
    </div>
</div>
</div>
           </div>
       </div>

       <script src="./js/libs/bootstrap-native.js"></script>

       <script src="./js/libs/es6-shim.min.js"></script>
       <script src="./js/libs/EventDispatcher.js"></script>
       <script src="./js/libs/promise.min.js"></script>
       <script src="./js/libs/zepto.min.js"></script>

       <script src="./js/compodoc.js"></script>

       <script>var COMPODOC_CURRENT_PAGE_DEPTH = 0;</script>

       <script src="./js/search/search.js"></script>
       <script src="./js/search/lunr.min.js"></script>
       <script src="./js/search/search-lunr.js"></script>

       <script src="./js/tabs.js"></script>
       <script src="./js/menu.js"></script>
       <script src="./js/libs/prism.js"></script>
       <script src="./js/sourceCode.js"></script>
       <script src="./js/search/search_index.js"></script>

    </body>
</html>
